/*
  This file is based on the ploneCustom.css.dtml shipped with Plone.

   (do not remove this)
   (not this either)
*/

/* YOUR CSS RULES START HERE */

body { 
	margin: 0px; 
	padding: 0px; 
	background: url('http://www.utahlegalservices.org/public/img/blue-background.gif') #892034 top center repeat-y; 
	/*text-align: center;*/
	font-size: 12px;
	font-family: Trebuchet, Verdana, sans-serif;
	}

#top-container { width: 846px; height: 123px; padding: 0px; margin: 0px auto; text-align: left  }	
#container { width: 846px; padding-bottom : 0px; padding-left : 0px; padding-right : 0px; margin: 0px auto; text-align: left  }

a { color: #00467f }
a:hover { text-decoration: none }
a:visited { color: #1268ae }

a img { border: 0px }

#header img { border: 0px; margin: 0px 0px 0px 0px }
#top-links { float: right; margin-top: 0px; padding-right: 0px }
#bottom-links { border: 1px solid #892034; text-align: right; padding: 0px 0px; color: #892034; margin-bottom: 20px }

/* Generic classes */
.clear-left { clear: left }
.clear-right { clear: right }
.clear-both { clear: both }
.right-align { text-align: right }
.left-align { text-align: left }
.float-right { float: right }
.two-column { float: left; padding-right: 10px; width: 45% }

h2 { font: bold 1.2em Trebuchet, sans-serif; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; color: #00467f }
h4 { margin: 0px; padding: 0px }
h3 { font: 1em normal Trebuchet, sans-serif; line-height: 1em; color: #00467f; font-weight : bold }

/* Tabs */
#tabs { float: left; width: 568px; height: 40px; background: url('http://www.utahlegalservices.org/public/img/round-top.gif') no-repeat bottom right }
#small-tabs { float: left; width: 568px; height: 43px; background: url('http://www.utahlegalservices.org/public/img/round-top.gif') no-repeat bottom right }
#tabs ul, #small-tabs ul { margin: 0px; padding: 0px; list-style: none }
#tabs li, #small-tabs li { width: 24%; margin: 0px; padding: 0px; margin-right: 5px; float: left; background: url('http://www.utahlegalservices.org/public/img/tab-right.gif') no-repeat right top }
#tabs h3, #small-tabs h3 { margin: 0px; padding: 0px }
#tabs a, #small-tabs a { display: block; text-decoration: none; background: url('http://www.utahlegalservices.org/public/img/tab-left.gif') no-repeat left top; height: 10px; padding: 10px 20px 9px 20px; color: #666; border-bottom: 1px solid #892034 }
#tabs .current a, #small-tabs .current a { padding-bottom: 10px; text-decoration: none; color: #00467f; border-bottom: none; height: 10px }

#small-tabs h3 { font-size: 7pt }
#small-tabs a { padding: 12px 15px 10px 15px; border-bottom: 1px solid #892034; }
#small-tabs .current a { padding-bottom: 11px; color: #00467f; border-bottom: none; }




/* Old Tabs from Bryan 
#tabs, #small-tabs { float: left; width: 568px; height: 44px; background: url('http://www.utahlegalservices.org/public/img/round-top.gif') no-repeat bottom right }
#tabs ul, #small-tabs ul { margin: 0px; padding: 0px; list-style: none }
#tabs li, #small-tabs li { margin: 0px; padding: 0px; margin-right: 5px; float: left; background: url('http://www.utahlegalservices.org/public/img/tab-right.gif') no-repeat right top }
#tabs h3, #small-tabs h3 { margin: 0px; padding: 0px }
#tabs a, #small-tabs a { display: block; background: url('http://www.utahlegalservices.org/public/img/tab-left.gif') no-repeat left top; padding: 10px 30px 9px 30px; color: #666 }
#tabs .current a, #small-tabs .current a { padding-bottom: 10px; color: #00467f }

#small-tabs h3 { font-size: 0.9em }
#small-tabs a { padding: 12px 15px 10px 15px }
#small-tabs .current a { padding-bottom: 11px; color: #00467f }
*/



#left-content { float: left; width: 516px; border-right: 1px solid #892034; border-left: 1px solid #892034; padding: 10px 25px 10px 25px }
.round-bottom { background: url('http://www.utahlegalservices.org/public/img/round-bottom.gif') no-repeat top right; height: 11px; float: left; width: 568px }

#left-content table { width: 100% }
.listing { line-height: 200% }
/* For left content with no borders */
#left-content-text { float: left; width: 500px; padding: 10px 35px 10px 25px }
#left-content-text hr { color: #892034; background: #892034; height: 1px; border: 0px; margin: 10px 0px }

#left-content { float: left; width: 568px; border-right: 0px solid #892034; border-left: 0px solid #892034; padding: 0px 10px 10px 0px }
#left-content table { width: 100% }

#left-sub-content { float: left; width: 551px; border-right: 1px solid #892034; border-left: 1px solid #892034; padding: 0px 10px 0px 5px }
#left-sub-content div { width: 98% }

#right-content { float: right; text-align: center; width: 265px; margin-top: 10px }
/* For right content with border on left */
#right-content-border { float: right; text-align: center; width: 265px; padding-left: 20px; border-left: 1px solid #892034; margin-top: 10px }

/* Red 'dictionary search' box */
#dict-search-top { width: 259px; height: 4px; background: url('http://www.utahlegalservices.org/public/img/dict-search-top.gif') bottom center no-repeat }
#dict-search { width: 245px; background: #892034; color: #fff; text-align: left; line-height: 150%; padding: 3px 7px }
#dict-search a { color: #fff }
#dict-search .LSRow a { color: black }
#dict-search-bottom { width: 259px; height: 4px; background: url('http://www.utahlegalservices.org/public/img/dict-search-bottom.gif') top center no-repeat; margin-bottom: 10px }

/* Styles for forms */
form { padding: 0px; margin: 0px; }
form div { padding: 0px; margin: 0px; }

label { /*float: left; display: block;*/ width: 110px; padding-top: 5px; margin-bottom: 5px; font-weight: bold }
.auto-width { width: auto }

/* Simple/advanced search */
#simple-search-link { display: none }
#ols-simple-search label { width: 100px }

form#legal-problem { margin-right: 10px; display: inline }

.small-text-input { width: 62px; height: 17px; padding: 3px 2px; margin-right: -3px; border: 0px; background: url('http://www.utahlegalservices.org/public/img/form-elements/text-input-alt.gif') top left }
.text-input { display: inline; width: 146px; height: 17px; padding: 3px 2px; margin-right: -3px; border: 1px; background: url('http://www.utahlegalservices.org/public/img/form-elements/text-input.gif') top left }
.search-button {*position:relative;*bottom:-1px; margin: 0px; padding: 0px; border: 1px; width: 60px; height: 23px; background: url('http://www.utahlegalservices.org/public/img/buttons/search.gif'); cursor: pointer; vertical-align: top }
.search-button-es {*position:relative;*bottom:-1px; margin: 0px; padding: 0px; border: 1px; width: 60px; height: 23px; background: url('http://www.utahlegalservices.org/public/img/buttons/search_sp.gif'); cursor: pointer; vertical-align: top }
.text-input-standalone { float: left; width: 220px; height: 20px; border: 0px; padding: 3px 0px 0px 5px; background: url('http://www.utahlegalservices.org/public/img/form-elements/text-input-standalone.gif'); margin-bottom: 5px }
.text-input-standalone2 { float: left; width: 146px; height: 20px; border: 0px; padding: 3px 0px 0px 5px; background: url('http://www.utahlegalservices.org/public/img/form-elements/text-input-standalone2.gif'); margin-bottom: 5px }
.text-input-white { float: left; width: 220px; height: 20px; border: 0px; padding: 3px 0px 0px 5px; background: url('http://www.utahlegalservices.org/public/img/form-elements/text-input-white.gif'); margin-bottom: 5px }
.search-button-standalone { margin: 0px; padding: 0px; border: 0px; width: 62px; height: 23px; background: url('http://www.utahlegalservices.org/public/img/buttons/search-standalone.gif'); cursor: pointer; vertical-align: bottom }
.send-button-standalone { margin: 0px; padding: 0px; border: 0px; width: 76px; height: 23px; background: url('http://www.utahlegalservices.org/public/img/buttons/send.gif'); cursor: pointer; vertical-align: bottom }
.cancel-button { margin: 0px; padding: 0px; border: 0px; width: 76px; height: 23px; background: url('http://www.utahlegalservices.org/public/img/buttons/cancel.gif'); cursor: pointer; vertical-align: bottom }
.textarea { width: 221px; height: 221px; background: url('http://www.utahlegalservices.org/public/img/form-elements/textarea.gif'); border: 0px; padding: 2px }
.textarea-small { width: 221px; height: 96px; background: url('http://www.utahlegalservices.org/public/img/form-elements/textarea-small.gif'); border: 0px; padding: 2px }

.required { color: #e5423b; font-weight: bold }

form#zipcode { display: inline }

#dict-search-input { width: 185px; height: 17px; padding: 3px 2px; margin-right: -3px; border: 0px; background: url('http://www.utahlegalservices.org/public/img/form-elements/text-input.gif') }
#dict-search-button { margin: 0px; padding: 10px; border: 0px; width: 60px; height: 22px; background: url('http://www.utahlegalservices.org/public/img/buttons/search.gif'); cursor: pointer; vertical-align: bottom }

#home-search-bar { width: 845px; padding: 0px 0px; margin: 0px auto; text-align: left; background: url('ParchmentBack.gif') top left repeat-y; border-top: 3px solid #696969; border-bottom: 3px solid #696969; font-size:12px }
#home-button { vertical-align: bottom; margin-right: 50px }

#text-smaller { display: none }

/* Grey center box, primarily used for search dialogs */
.grey-box-top { width: 200px; height: 8px; background: url('http://www.utahlegalservices.org/public/img/grey-box-top.gif'); overflow: hidden }
.grey-box { width: 200px; height: 79px; background: #d2d2d2 }
.grey-box h2 { margin: 0px; font-size: 1.1em; padding: 0px 0px 3px 10px; color: #00467f; background: #e4e4e4; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2 }
.grey-box .text { padding: 0px; font: normal 1em Arial, sans-serif; color: #003c79 }
.grey-box .text strong { color: #000 }
.grey-box .text label { display: inline; color: #000; font-weight: bold }
.grey-box .text-input { display: inline; width: 170px; height: 17px; padding: 3px 2px; margin-right: -3px; border: 0px; background: url('http://www.utahlegalservices.org/public/img/form-elements/text-input-grey.gif') top left }
.grey-box .search-button { display: inline; margin: 0px; padding: 0px; border: 0px; width: 60px; height: 23px; background: url('http://www.utahlegalservices.org/public/img/buttons/search-grey.gif'); cursor: pointer }
.grey-box-bottom { width: 200px; height: 8px; background: url('http://www.utahlegalservices.org/public/img/grey-box-bottom.gif'); overflow: hidden; margin-bottom: 10px }

/* For square "information" boxes on right side */
.info-box { border: 1px solid #00467f; padding: 15px; text-align: left; font-size: 0.95em; width: 200px; margin: 0px auto 15px auto }
.info-box hr { height: 1px; color: #003c79; background: #003c79; border: 0px }
.info-box ul { margin: 0px; padding: 0px; padding-left: 15px }
.info-box li { padding: 4px 0px }
.info-box h2 { font-size: 1.1em }

/* For red "warning" box */
.warning { border: 1px solid #892034; color: #892034; width: 250px; padding: 15px 25px; font-size: 1.1em; text-align: center }

.audio-icon { vertical-align: bottom }

.box { width: 262px; padding: 0px 10px; height: 384px; float: left; margin: 35px 0px }
.red { background: url('http://www.utahlegalservices.org/public/img/splash/box-red.jpg') top center no-repeat }
.green { background: url('http://www.utahlegalservices.org/public/img/splash/box-green.jpg') top center no-repeat }
.orange { background: url('http://www.utahlegalservices.org/public/img/splash/box-orange.jpg') top center no-repeat }

.orange a { color: #ea6d1f }
.red a { color: #892034 }
.green a { color: #007e3a }

.box h2 { color: #fff; margin: 18px 0px 235px 0px; font-size: 16px }
.box .text { padding: 0px 20px }

.blue-text { color: #00467f }
.red-text { color: #892034 }

/* From plone */
#content { margin:0em; padding:0em !important; }

.documentContent {
     padding: 7px 1px 5px 1px !important;
}

.image-left {
     border: 10px;
}

#header{margin:0px; padding:0px}

.documentActions {z-index: 1; position:relative }

/* YOUR CSS RULES STOP HERE */

/*  */

/* Latest version of the documentation on pre-defined properties from Plone 
   can be found in CMFPlone/skins/plone_styles/ploneCustom.css.dtml */