/* html controls */
body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 100%; height: 100%; padding: 0; margin: 0; }
a { text-decoration: none; }
a img { border: none; }
/* html controls */

#container { width: 980px; margin: 0 auto; }

/* header */
#header { height: 88px; }
#header .logo { float: left; height: 100%; }
#header .menus { float: right; position: relative; width: 751px; height: 89px; }
#header .topmenu { height: 23px; margin-bottom: 30px; background: #003f72 url(../images/search_diag.gif) no-repeat; padding-left: 50px; padding-top: 6px; color: #fff; }
#header .topmenu a { color: #fff; font-weight: bold; }
#header .mainmenu { height: 29px; position: relative; }
/* header */

/* page links */
.pagelinks { clear: both; width: 100%; }
.linkcontainer { cursor: pointer; background: url(../images/backg_box_large.jpg) no-repeat left top; width: 227px; _width: 220px; height: 210px; padding: 9px 0 0 9px; float: left; margin: 0 0 0 6px; }
.linkcontainersmall { cursor: pointer; background: url(../images/backg_box_small.jpg) no-repeat left top; width: 227px; _width: 220px; height: 141px; padding: 9px 0 0 9px; float: left; margin: 0 0 0 6px; }

a .linkcontainer .linkdescription, a .linkcontainersmall .linkdescription { color: #333; }

#content .bottomPanel .leftPanel .linkcontainer { margin-left: 0px; }
.linkcontainer .LinkTitle { width: 209px; }
.linkcontainer h2, .linkcontainersmall h2  { color: #fff; background-color: #09253c; width: 201px; font-size: 14px; padding: 4px 0 4px 8px; margin: 0 0 5px 0; }
.linkcontainer h2 a, .linkcontainersmall h2 a { color: #fff; }
.linkcontainer .linkimage, .linkcontainersmall .linkimage   { width: 209px; }
.linkcontainer .linkdescription  { width: 190px; padding: 9px; }
.linkcontainersmall .linkdescription  { display: none; }
/* page links */

/* form containers */
fieldset { border: none; }
fieldset p { width: 100%; clear: left; margin: 0; padding: 2px 0 2px 0; margin-top: 4px; /* _height: 18px; min-height: 18px; */ }
fieldset p label { width: 10.0em; float: left; text-align: left; margin-right: 0.8em; display: block; font-size: 100%; }
fieldset p span label { float: none; display: inline; margin: 0; width: 0; }
fieldset p .textbox { width: 225px; }
fieldset .button { width: 100px; }
/* form containers */

/* modal popup */
.modalBackground { background-color: #003f72; filter: alpha(opacity=70); opacity: 0.7; z-index: 1; }
.modalContainer { min-width: 300px; _width: 300px; background-color: #fff; border: solid 2px #003f72; }
.modalContainer .title { color: #333; padding: 20px 10px; cursor: move; font-weight: bold; }
.modalContainer .body { padding: 10px 10px 10px 10px; }
.modalContainer .footer2 { border-style: none solid; border-width: 0px 0px; text-align:right; padding-bottom: 10px; padding-right: 10px; }
.modalContainer .body .footer2 { padding-right: 0px; }
.cultures { position: absolute;  right: 10px;  top: 10px; }
.progress { position: absolute; left: 10px; bottom: 12px; background-image: url(../images/layout/please-wait.gif); background-repeat: no-repeat; padding-left: 20px; padding-top: 2px; height: 13px; }
/* modal popup */

/* footer */
#footer { clear: both; min-height: 40px; _height: 40px; color: #fff; background: #fff url(../images/bottom.gif) repeat-x left top; }
/* footer */

/* designer */
.designer-toolbar { left: 3px; top: 5px; position: absolute; width: 225px; background-color: #fff; border: solid 1px #cdd8e1; color: #003f72; font-size: 10px; }
#designheader { color: #000; font-weight: bold; padding: 10px 4px 10px 4px; }
#designcontrols { background-color: #fff; padding: 5px; clear: both; }
/* designer */

/* misc */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.buttons { padding-bottom: 10px; }
.button { background-color: #fff; color: #555; cursor: pointer; border: solid 1px #003f72; font-size: 12px; width: 100px; }
.textbox { border: solid 1px #999; font-size: 12px; }
/* misc */

/* cms styles */
.controlcontainer { margin-bottom: 0; background-color: #fff; }
.controlheader { color: #000; width: 100%; cursor: move; background-color: #003f72; padding: 5px 0 5px 0; }
.controlheader a { color: #fff; font-weight: bold; }
.dropcue { background-color: #cdd8e1; border: dashed 2px #003f72; display: none; margin-bottom:0px; clear: both; }
/* cms styles */

/* grid */
.grid { font-family: Tahoma; font-size: 12px; margin: 10px 0 10px 0; clear: both; }
.grid h2 { display: none; background: #284b86 url(../images/title-bg.jpg); border-bottom: solid 1px #96cc7c; height: 28px; line-height: 28px; margin: 0px; padding: 0px 0px 0px 5px; color: #fff; font-size: 15px; }
.grid table { border: solid 1px #003f72; width: 100%; border-bottom: none; }
.grid .head th { background: url(../images/header-bg.gif); height: 24px; line-height: 24px; padding-left: 6px; color: #666666; text-align: left; }
.grid .head th.first { /* get rid of the first slash */ background-position: -3px 0; }
.grid .item tr { border-left: solid 1px #003f72; border-right: solid 1px #003f72; }  
.grid .item td { padding: 3px 6px 3px 6px;  color: #222222; border-bottom: solid 1px #003f72; }  
.smallcolumn { width: 25px; text-align: center; }
/* grid */

/* reorder list */
.reorder-list .draghandle { float: left; background-image: url('../images/drag_handle.gif'); cursor: move; height: 22px; width: 20px; background-repeat: no-repeat; background-position: 5px 0px; }
.reorder-list ul { list-style-type: none; clear: both; }
.reorder-list ul li { padding: 0; float: left; clear: both; margin-bottom: 4px;}
.reorder-list ul li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* reorder list */

/* add control */
.addControl { padding: 5px 0 5px 0; }
/* add control */

/* contact */
.contact { background-image: url('../images/contact01.gif'); background-position: 494px 5px; min-height: 75px; _height: 75px; background-repeat: no-repeat; }
/* contact */


/* quote */
.quote { color: #003f72; font-weight: bold; font-size: 13px; background-image: url('../images/bar_quote.gif'); min-height: 56px; _height: 52px; background-repeat: repeat-y; padding: 2px 0 2px 20px; margin-left: 30px; line-height: 22px; margin-top: 25px; }
#content .bottomPanel .rightPanel .quote { width: 415px; margin-top: 5px; }
#content .bottomPanel .rightPanelSmall .quote { width: 150px; margin-top: 5px; clear: both; }
/* #content .bottomPanel .rightPanelSmall img { border: solid 1px #003f72; } */
/* quote */

/* content */
.pageHeader { font-size: 26px; color: #fff; margin-left: 25px; margin-top: 113px; position: absolute; }
#content .topPanel { border-top: solid 5px #cdd8e1; padding-bottom: 15px; min-height: 194px; _height: 194px; margin-bottom: 5px; background: url(../images/shadow.gif) repeat-x left bottom; } 
#content .bottomPanel { clear: both; }
#content .bottomPanel .leftPanel { width: 210px; float: left; padding-left: 20px; min-height: 50px; _height: 50px; }
#content .bottomPanel .rightPanel { float: left; width: 728px; margin-left: 10px; min-height: 50px; _height: 50px; }
#content .bottomPanel .middlePanel { float: left; width: 498px; margin-left: 20px; margin-right: 20px; min-height: 50px; _height: 50px; font-size: 12px; }
#content .bottomPanel .rightPanelSmall { float: left; width: 202px; margin-left: 10px; min-height: 50px; _height: 50px; }
/* content */

.fileList { padding-top: 5px; text-align: center; clear: both; overflow: auto; height: 288px; margin: 0 auto; }
.fileContainer { margin: 5px; float: left; }
.imageContainer, .selectedImageContainer { width: 110px; height: 100px; background-color: #ececec; border: solid 1px #000; padding-top: 10px; cursor: pointer; }
.selectedImageContainer { background-color: #003f72; }
.selectedImageContainer img, .imageContainer img { width: 90px; height: 90px; }
.textContainer { padding-top: 5px; width: 110px; text-align: center; }

/* file manager */
.filemanager_toolbar { clear: both; border-bottom: solid 1px #003f72; margin-bottom: 10px; padding-bottom: 5px; }
.filemanager_status { clear: both; border-top: solid 1px #003f72; margin-bottom: 10px; padding-top: 5px; }
/* file manager */

.fileLibrary { margin-top: 18px; }
.fileHeader {
    font-weight: normal;
    background-color: #e6ebf0; color: #003f72;
    background-image: url(../images/arrow.gif);  background-repeat: no-repeat; background-position: right center;
	font-size: 12px; font-weight: bold;
    padding: 6px 20px 6px 5px; margin-top: 5px;
    cursor: pointer;
}
.fileContent { border: none; border-top: none; padding: 5px; padding-top: 10px; margin-bottom: 5px; background-color: #F2F5F7; }
.fileDownload { float: right; margin-top: 20px; padding-right: 10px; padding-bottom: 5px; }
.fileDownload:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }