/* CSS Document */ 
/*  color definitions: 

orange -       #FDB722 
blue light -   #8B9ACC 
blie dark -    #292480 

*/ 
* { 
font-family: arial, helvetica, sans-serif; 
} 

body { 
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
        font-size:11px; 
        color:#C7C6C6; 
        line-height:14px; 
        text-align:center; 
        background-color:#524031; 
        padding:0px; margin:0px; 
        } 
form {padding:0px; margin:0px;} 

#container {text-align:center; margin:0 25px;} 

.clrR {clear:right;} 
.clrL {clear:left;} 
.clrB {clear:both;} 
.tiny {height:1px; overflow:hidden;} 
.w100 {width:100%;} 

.imgToLeft {float:left; margin:0px 0.6em 0.3em 0;} 
.imgToRight {float:right; margin:0px 0px 0.3em 0.6em ;} 
.toBlue {color:#292480;} 
a{color:#B7B6B6} 
a:hover{color:#DC9A4B} 

.toRightBtn {float:right; margin-right:25px;} 

/*=== header ====*/ 




#hdrBody {background-color:#fff; height:75px; text-align:left; margin-top:0px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

#hdrBody img.logo { float:left;} 
#hdrBody #cmsHdr { height:55px; width:100px; float:right; padding-left:100px; } 
#hdrBody #cmsHdr div {color:#524031;margin:10px; padding:0px; font-size:20px; line-height:40px; height:40px; } 

#hdrBody #lineGrad {height:20px; background: url(/images/lineGrag.jpg) center bottom no-repeat #3F2D13; overflow:hidden;  clear:both;}

#topMenu { min-height:2em; text-align:right; padding:10px 3em; text-align:right;color:#FFF;} 
*html #topMenu {height:2em;} 
#topMenu ul {padding:0px; margin:0px; list-style:none; text-align:left; float:left;} 
#topMenu ul li{padding:1em 0em 1em 1em; margin:0px; list-style:none; display:inline;background:url(/images/bgr_topMenuLeft.jpg) left center no-repeat;line-height:3.2em;height:3em;}

#topMenu ul li a {color:#292480; text-decoration:none; background:url(/images/bgr_topMenuRight.jpg) right center no-repeat; padding:1em 2em 1em 1em;height:3em; line-height:3.2em; display:inline; font-weight:bold;}

#topMenu ul li a:hover {color:#8B9ACC;} 
#topMenu div{float:right; padding:7px 0; width:24em; } 
#topMenu a.print { background:url(/images/ico_print.gif) left 0.9em no-repeat scroll; padding:1em; padding-left:2em; color:#8B9ACC; text-decoration:none; line-height:1.5em;}

#topMenu a.logout { background:url(/images/ico_addPage.gif) left 0.8em no-repeat scroll; padding:1em; padding-left:2em;  text-decoration:none; margin-left:0.3em;}

#topMenu a.print:hover, #topMenu a.logout:hover { } 







/*=== left col menu ===*/ 

#leftColMenu { 
        float:left; 
        width: 165px; 
        min-height:300px; 
        display:inline; 
        margin-left:10px; 
        padding-top:65px; 
        } 
#leftColMenu ul {list-style:none; margin:0; padding:0;} 
#leftColMenu li { margin:0; padding:0;margin-bottom:7px;} 
#leftColMenu li a {display:block; width:165px; font-size:14px; text-decoration:none; text-align:right;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

#leftColMenu li.submenu a { text-align:left; background:url(../images/arrow.gif) right 3px no-repeat scroll;font-size:11px;}

#leftColMenu li a:hover, #leftColMenu li a.set {color:#DC9A4B; text-decoration:none;} 
#leftColMenu #leftColMenuHdr { text-align:right; font-size:18px; color:#FFF; font-weight:bold; margin-bottom:20px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

.menuBottStrip {position:absolute; margin-left:0px; margin-top:15px;} 

/*=== middle stuff ===*/ 
#mainWrap { clear:both; text-align:left;} 
.bredcrumbs {padding-bottom:1.5em; padding-top:0.5em; line-height:1.1em;color:#999;} 
.bredcrumbs a {color:#999; text-decoration:none; margin-right:0.3em;} 
.bredcrumbs a:hover {color:#FDB722; text-decoration:underline;} 
h1 { 
color:#FFFFFF; 
font-size:24px; 
font-weight:bold; 
margin-bottom:43px; 
text-transform:uppercase; 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
} 

h1 span {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:24px; 
} 
h1.orange {color:#C88801;} 

#content {margin:0px;margin-left:212px; margin-right:20px; padding:0px; min-height:190px;} 
*html #content {height:1%;} 

#popUp  #content {margin-left:25px !important; text-align:left;} 

#content h2 {color:#8B9ACC; font-size:1.3em; padding-top:0.5em;} 
#content p {margin:0px; margin-bottom:20px;padding-left:1.2em; padding-right:1em;} 
#content  ul {padding:0px;  margin:0px; list-style:none;padding-left:1.2em; padding-right:1em; } 
#content ul li {padding:0px 1em 0.9em 1em; margin:0px;background:url(/images/arrow_Blue.gif) left 0.4em no-repeat scroll;}



/*=== forms===*/ 

fieldset { 
        border:0px none; 
        margin:1em  20px; 
        text-align:left; 
        padding:1em 2em; 
        
        max-width:60em; 
} 

fieldset.withBgr {background-color:#5B4A3C;} 
* html fieldset.withBgr {height:1%;} 

legend {margin:0; left:0; top:0;} 
fieldset label {width:10em; margin-right:1em; display:inline; float:left; margin-bottom:0.5em; font-weight:bold; color:#FFF;}

fieldset label.plain {color:#555 !important; font-weight:normal !important;} 
fieldset input, fieldset textarea, fieldset select {width:20em;  background-color:#4A392C; font-size:1em; border:1px solid #3F2D13; color:#fff; padding-left:5px;}

*html fieldset select { margin-left:0.2em; width:20.3em;} 
*:first-child+html  fieldset select {  width:20.2em;} 
fieldset input.nill, fieldset span.nill input {width:auto; height:auto; border:none 0; } 
fieldset input.btn, fieldset input.btnGo, fieldset input.dblListBtn {width:auto; height:auto; color:#FFF;  text-align:center; padding-left:1em; padding-right:1em; font-weight:bold;border:1px solid #FFF;margin-top:1em;} 

fieldset input.dblListBtn {width:70px; margin:0 10px; border:1px solid #000;} 
*html fieldset input.dblListBtn {width:90px; margin:0 10px;} 
fieldset input.btn:hover, fieldset input.btn:focus,  fieldset input.btnGo:hover, fieldset input.btnGo:focus {color:#4A392C; cursor:pointer; background-color:#FDB722; }

fieldset input.btnGo {margin-left:1em;} 
fieldset div {clear:left; padding-bottom:1em;} 
fieldset div.fck div {margin-left:11em; width:47em; clear:none;} 
fieldset div.fck iframe  { width:47em;} 

fieldset label.nill {margin-left:0.5em; margin-right:1.5em; float:none;font-weight:normal; } 
.mand {color:#FDB722 !important; font-weight:bold !important; margin:0; } 
fieldset div img.myPhoto {border:0 none; margin:0; margin-bottom:1em;} 
fieldset div.errMsg {clear:left; margin-bottom:0.5em; font-weight:bold; color:#FDB722;} 
#content fieldset div.errMsg li { color:#FDB722;background:transparent url(/images/arrow_Orange.gif) no-repeat scroll left 0.4em;}

fieldset div span.nill {font-weight:normal;} 
fieldset input.err, fieldset textarea.err {border:1px solid red; background-color:#FFFFCC;} 
fieldset span.cal {display:block; margin-left:11em; margin-top:0.5em; } 
fieldset span.cal input {vertical-align:bottom; margin-right:1.5em;} 
 p.toOrange {color:#FDB722;} 

/* === list table ===*/ 
#content table.listTable {vertical-align:top; text-align:left; padding:1em; border:0px none; width:auto; width:100%} 
#content table.listTable td {vertical-align:top; text-align:left; padding:7px 10px 7px 5px; border:0px none; width:15%;}

#content table.listTable td a, #content table.listTable th a { font-weight:bold;} 
#content table.listTable th a {color:#FFF; } 
#content table.listTable th a.set { display:block; width:100%; background:url(../images/arrow_OrangeDown.gif) 0 5px no-repeat; padding-left:9px;}

#content table.listTable td a:hover, #content table.listTable th a:hover {text-decoration:underline;} 
#content table.listTable tr.stripe {background-color:#5B4A3C;} 
#content table.listTable th {vertical-align:middle; text-align:left; padding:8px 0px; border:0px none; background-color:#3F2D13; font-weight:bold;color:#292480; font-size:1.1em; table-layout:auto; width:15%;color:#FFF; padding:5px;}

#content table.listTable td.tabPaging {background-color:#F3F2FA; text-align:right; padding-right:20px;font-weight: bold;}

#content table.listTable td.tabPaging a {text-decoration:none; font-weight:normal;color:#555; padding: 0 0.5em;} 
#content table.listTable td.tabPaging span {padding: 0 0.5em;} 
#content table.listTable td.tabPaging a:hover {color:#FDB722;} 

#content table.autoW td, #content table.autoW th {width:auto;} 
#content table.listTable th select {font-size:0.8em; background-color:#3F2D13; color:#FFF; border:1px solid #FFF; width:auto;}

#content table.listTable th select option{font-size:1em; background-color:#3F2D13; color:#FFF; width:auto} 

#content table.listTable td.editDelete {width:8em; text-align:right;} 
#content table.listTable td.pageEditDelete {width:8em; text-align:right;border-bottom: 1px solid gray;} 

#content table.listTable td.dateModify {width:12em; text-align:right;} 

#content table.listTable td.lev0 { font-weight:bold;border-bottom: 1px solid gray;} 
#content table.listTable td.lev1 { padding-left:15px;border-bottom: 1px solid gray;} 
#content table.listTable td.lev2 { padding-left:30px;border-bottom: 1px solid gray;} 

/*==paging stuff ===*/ 
#content table.listTable td.paging {padding:0;} 

.pagercontrol {background-color:#3F2D13; text-align:right; padding:8px 10px;} 
.gap {padding:0 4px;} 
.pagercontrol span {color:#C7C6C6;} 
.pagercontrol strong {color:#FFF;} 
.pagercontrol .pagerSummary { float:left; width:18em; display:inline; margin-right:2em; text-align:left;} 
.pagercontrol .pagerCtrl { margin-left:21em; text-align:right;} 



/*=== footer stuff ===*/ 

#footer {clear:both; text-align:center; color:#C7C6C6; line-height:1.6em; height:5em; padding:1em 2em 0 2em;  font-size:1.1em; background: url(/images/lineGrag.jpg) center top no-repeat;}

#footer span, #footer span  a {color:#C7C6C6; line-height:1.6em;} 
#footer a {color:#C7C6C6; text-decoration:none; padding:0 0.4em;} 
#footer a:hover {color:#DC9A4B; text-decoration:underline;} 
#footer #leftMenu {float:left;} 
#footer #rightMenu {float:right;}