@charset "utf-8";
/* CSS Document */

/*  ---See http://www.positioniseverything.net/easyclearing.html) ----*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */

/* Hide Fcous Outline in Firefox */
*:focus { outline-style:none; }

.clear { clear: both; }

a img { border: none; }
h1 { color: #5E7279; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0 0 25px 0; margin: 0; }

.header { cursor: pointer; padding-left: 20px !important; padding-right: 10px; background: url(../images/sort.gif) no-repeat left center; }
.headerSortDown { cursor: pointer; padding-left: 20px !important; padding-right: 10px; background: url(../images/sortdown.gif) no-repeat left center;  }
.headerSortUp { cursor: pointer; padding-left: 20px !important; padding-right: 10px; background: url(../images/sortup.gif) no-repeat left center;  }

#divPageWrap { padding: 55px 25px; }

#divLogin { width: 500px; margin: 50px auto; border: 5px solid #5E7279; padding: 25px; }
#divLogin h1 { margin-top: 0; }
#divLogin form div { margin-bottom: 10px; }
#divLogin form div label { float: left; width: 150px; text-align: right; margin-right: 8px; }
#divLogin form div input[type=text], #divLogin form div input[type=password] { float: left; width: 242px; text-align: left; margin-right: 8px; }

.userForm { width: 600px; }
.userForm div.clearfix { margin-bottom: 15px; }
.userForm div label { width: 200px; text-align: right; float: left; margin-right: 8px; }
.userForm div input[type='text'], .userForm div input[type='password'] { width: 350px; float: left; }
.userForm div div.error { font-size: 11px; color:#600; clear: both; padding-left: 208px; }
.userForm div div.error p { margin-bottom: 0; }

#ulAdminMenu { width: 100%; height: 48px; padding: 0; border-bottom: 1px solid #333; background: #DADADA url(../images/cerebrusLogo.jpg) no-repeat top right; list-style: none; margin: 0; position: fixed; top: 0; z-index: 10000; }
#ulAdminMenu li { float: left; font-size: 13px; padding: 10px 15px; }
#ulAdminMenu li a:link, #ulAdminMenu li a:visited { color: #333; text-decoration: none; font-weight: bold; }
#ulAdminMenu li a:hover, #ulAdminMenu li a:active { color: #333; text-decoration: underline; font-weight: bold; }

.formMaster { width: 970px; margin: 0; padding: 0; }
.formMaster p { margin: 5px 0; border-bottom: 1px solid #999; margin: 7px 0; padding-bottom: 7px; }
.formMaster fieldset { margin-bottom: 10px; border: 1px solid #ccc; }
.formMaster legend { font-size: 15px; font-weight: bold; color: #666; font-variant: small-caps; }
.formMaster { width: 970px; margin: 0; padding: 0; }

.formAdd div.required, .formAdd div.nonRequired { clear: both; padding-bottom: 10px; width: 440px;  }
.formAdd div.error { clear: both; width: 264px; margin-left: 160px; margin-bottom: 6px; color: #ED1C24; font-size: 13px; background: url(../images/error.gif) no-repeat 0 1px; padding-left: 20px; padding-top: 2px; }
.formAdd div.valid { clear: none !important; float: left; width: 20px !important; color: #7F0000; font-size: 15px; background: url(../images/ok.gif) no-repeat center left !important; padding-left: 0 !important; font-size: 9px; margin: 0; height: 16px; margin-left: 3px !important; padding-top: 0 !important; }
.formAdd input.error { border:1px solid #7F0000; background-color:#F8E5E5;}
.formAdd textarea.error{ border: 1px solid #7F0000; background-color: #F8E5E5; }
.formAdd p.required { background: url(../images/required.gif) no-repeat 100% 3px; }
.formAdd div.required { background: url(../images/required.gif) no-repeat 100% 3px; }

#divPageWrap h1 { clear: both; }





.tableDisplay tbody tr td { font-size: 15px; color: #666; }
.tableDisplaytbody tr td { background-color: #fff; }
.tableDisplay tbody tr.even td, .tableDisplay tbody tr.even td input.sortorder { background-color: #d2d6ed; }

.tableDisplay tbody tr#lastRow td { background-color: #c5d8e8 !important; color: #1965b1; padding: 0 4px !important; text-align: right; }

.tableDisplay thead tr th { background-color: #1965b1; color: #fff; font-size: 15px;  padding: 15px; }
.tableDisplay thead tr td { background-color: #c5d8e8; color: #1965b1; }

.formMaster a:link, .formMaster a:visited { color: #1965b1; }
.formMaster a:hover, .formMaster a:active { color: #ee1b24; }
#trLandingPage td { background-color: #eddcd2 !important; }

#ulTabMenu { width: 100%; background: #fff url(../images/ulTabBottom.gif) repeat-x bottom left; height: 36px; list-style: none; margin: 0; padding: 0 0 0 5px; margin-bottom: 12px; }
#ulTabMenu li { float: left; height: 36px; padding: 0 0 0 10px; margin: 0 4px 0 0; }
#ulTabMenu li.liOn { background: url(../images/tabLeft.gif) no-repeat left top; }
#ulTabMenu li.liOff { background: url(../images/tabLeft.gif) no-repeat left bottom; }

#ulTabMenu li a { display: block; height: 24px; padding: 12px 18px 0 8px; font-weight: bold; font-size: 13px; }

#ulTabMenu li.liOn a {  background: url(../images/tabRight.gif) no-repeat right top; color: #5e7279; }
#ulTabMenu li.liOff a { background: url(../images/tabRight.gif) no-repeat right bottom; color: #fff; }
#ulTabMenu li a:link, #ulTabMenu li a:visited { text-decoration: none; }
#ulTabMenu li a:hover, #ulTabMenu li a:active { text-decoration: underline;  }



.formImage { width: 420px; margin: 0; padding: 0; }
.formImage p { margin: 5px 0; border-bottom: 1px solid #999; margin: 7px 0; padding-bottom: 7px; }
.formImage fieldset { margin-bottom: 10px; border: 1px solid #ccc; }
.formImage legend { font-size: 15px; font-weight: bold; color: #666; font-variant: small-caps; }
.formImage label { width: 175px; text-align: right; display: block; float: left; padding-right: 5px; }
.formImage .imageInput { float: left; }

#divFormColumnLeft { float: left; width: 400px; margin-right: 20px; }
#divFormColumnLeft fieldset { width: 370px; }
#divFormColumnRight { float: left; width: 550px; }
#divFormColumnRight fieldset { width: 520px; }
#divFormSubmit { clear: both; width: 970px; }


#divAdminFooter { margin-top: 15px; border-top: 1px solid #999; }

.submit { background-color: #D2FFD2; color: #2A5F00; font-weight: bold; border: 1px solid #2A5F00; padding: 5px; cursor: pointer; }

#tableSection td, #tableSection th { overflow: hidden; padding: 4px 15px 4px 4px; vertical-align: top; text-align: left; }
#tableSection { border: 1px solid #999; border-collapse: collapse; }
#tableSection tr { border-bottom: 1px solid #999; }
#tableSection tr.noGrag td { color: #EDDCD2 !important; }


#mergeForm table td, #mergeForm table th { overflow: hidden; padding: 4px 15px 4px 4px; vertical-align: top; text-align: left; }
#mergeForm table { border: 1px solid #999; border-collapse: collapse; }
#mergeForm table tr { border-bottom: 1px solid #999; }
#mergeForm table tr.noGrag td { #EDDCD2 !important; }

#mergeForm tfoot tr td input { float: right;}


.buttonAction { background-color:#007F00; color: #D4FFAA; font-weight: bold; padding: 5px; cursor: pointer; border: 1px solid #022B04; margin: 2px 0; }
#sectionForm { width: 452px; margin: 10px 0; }
#sectionForm fieldset { margin-bottom: 10px; border: 1px solid #ccc; padding: 10px; }
#sectionForm label { width: 150px; text-align: right; margin-right: 5px; display: block; padding-top: 5px; margin-bottom: 5px; color: #666; font-size: 15px; font-variant: small-caps; float: left; }
#sectionForm input[type='text'], #sectionForm select, #sectionForm textarea { border: 1px solid #bbb; margin-bottom: 5px; width: 240px; color: #666; padding: 5px; display: block;  float: left; }
#sectionForm legend { font-size: 15px; font-weight: bold; color: #666; font-variant: small-caps; }

.TableGalleryItems { border-collapse: collapse; }
.TableGalleryItems td, .TableGalleryItems th  { padding: 5px; vertical-align: top; }
.TableGalleryItems th { background-color:#CCCCFF; color: #333; text-align: left; }
.TableGalleryItems td { border-bottom: 2px solid #999; }
.sortorder { border: none; }
.sortorder[disabled] { background-color: #fff; color: #333; }

.deleteLink { height: 25px; width: 25px; display: block; margin: 0; padding: 0; }

.liveLink:link, .liveLink:visited { background: url(../images/makeLive.gif) no-repeat top left; width: 46px; height: 25px; text-indent: -8000px; text-decoration: none; display: block; }
.liveLink:hover, .liveLink:active { background: url(../images/makeLive.gif) no-repeat bottom left; width: 46px; height: 25px; text-indent: -8000px; text-decoration: none; display: block; }


.draggable  { border: 1px solid #999; }
.draggable thead th { cursor: pointer; }
.draggable td, .draggable th {  border-collapse: collapse; }
.draggable tbody tr.even td { background-color: #d2d6ed; }
.draggable thead tr th { background-color: #1965B1; color: #fff; }



#addressBar { list-style: none; margin: 10px 0; padding: 0; font-size: 13px; }
#addressBar li { float: left; margin: 0 10px 0 0; }
#addressBar li a { text-decoration: none; }

.modal { display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); position: fixed; top: 48px; left: 0; }
.close { border: none; border-radius: 2px; color: #fff; background-color: #333; padding: 5px; font-weight: bold; font-size: 10px; position: absolute; right: 15px; top: 15px; }	

.modal #sectionForm { background-color: #fff; padding: 10px; border-radius: 4px; }


/* -------------------- P O P   U P   S T Y L E S   -------------------------------------*/
.LB-black-overlay { 
	    display: none; 
	    position: fixed; 
	    top: 0%; 
	    left: 0%; 
	    width: 100%; 
	    height: 100%; 
	    background-color: #000; 
	    z-index:1001; 
	    -moz-opacity: 0.8; 
	    opacity:.80; 
	    filter: alpha(opacity=80); 
	} 
	 
	.LB-white-content { 
	    display: none; 
	    position: fixed; 
	    width: 50%; 
	    padding: 8px; 
		top: 50px;
	    margin: 0 25%; 
	    border: 1px solid #666; 
	    background-color: #fff; 
	    z-index:1002; font-family: Arial, Helvetica, sans-serif;
	} 
	
.divScrolly { padding: 0 8px; height: 350px; overflow: auto; font-size: 13px; color: #333; line-height: 1.4em; }
.divScrolly h5 { font-size: 15px; }
a#close { 
	    height: 30px; 
	    width: 30px; 
	    position: absolute; 
	    top: -12px; 
	    left: -12px; 
	    background: url(../../images/close.png) 0 0; 
	} 
	 
	a#close:hover { 
	    background: url(../../images/close.png) 0 -30px; 
	}  
	
.closeLBTop { width: 100%; text-align: right; margin: 0 0 8px 0; padding: 0 0 8px 0; position: relative; top: 0; border-bottom: 1px solid #666;  }
.closeLBBottom { width: 100%; text-align: right; margin: 8px 0 0 0; padding: 8px 0 0 0; position: relative; top: 0; border-top: 1px solid #666;  }
.buttonClose { background-color:#FF7F00; padding: 4px; font-size: 15px; font-weight: bold; border: 1px solid #553F00; color: #fff; cursor: pointer; }

.ui-widget-header .ui-icon {
    background-image: url(/styles/images/ui-icons_222222_256x240.png) !important;
}