/**
 * Design One Ltd
 */


/**
 * Main elements
 */

* { margin:0; padding:0; font-family:Arial, Verdana, Helvetica, sans-serif; }
fieldset { border:0; }
blockquote { margin:1em 0 0 2em; }
p { margin-bottom:1em; }
li { margin-left:2em; }



/**
 * Page element styles
 */

.adobeReader { float:right; width:100px; }
.adobeReader .button { text-align:center; }
.adobeReader .button img { border:0; }
.adobeReader p { font-size:8pt; padding-top:0.8em; }

.pageHeader { margin-bottom:5px;  }

.pageImage { float:right; }
.pageImage img { padding:5px; }

* .pageRecord { padding:0 5px 1em 0; }
.pageRecord h3 { padding-top:0.5em; }
*>h3 { padding-top:0.5em; }
.pageRecord .recordImage { float:right; margin:0.5em 0 1em 1em; padding:5px; }
.pageRecord .recordImage img { border:0; }
.pageRecord .recordOverview { margin:0 0 5px 0; }
.pageRecord .recordCount { margin:0; }

.pagination {  }
.pagination .continued { margin-top:1em; }
.pagination .continued a { }
.pagination .paginationList { text-align:right; }
.pagination .paginationList .previous { margin-right:5px; }
.pagination .paginationList .next { margin-left:5px; }
.pagination .paginationList .noselect {  }
.pagination .paginationList .selected { font-weight:bold; }
.pagination .paginationList a { }
.pagination .paginationList a:hover { }

.breadcrumb { font-size:8pt; margin-bottom:1em; margin-top:0; }
.breadcrumb, .breadcrumb a , .breadcrumb a:visited {  }

.pageOverview {}
.pageUnderview { margin:0; }

#d1Footer { float: right; width: 20%; font-size: 0.7em; font-family: Arial, Helvetica, sans-serif; color: #666666; text-align: right; }
#d1Footer img { border: 0; padding:2px 10px 0 5px; width:50px; }

/**
 * Message box styles
 */
.stdBox { background-color:#DBDBDB; border:1px solid #A0A0A0; font-size:9pt; margin:1em 1em 1em 0; background-repeat:no-repeat; background-position:2px 1px;  }
.stdBox .inner { padding:3px 0 3px 25px;  }
.stdBox .dateTime { float:right; font-size:8pt; font-style:italic; padding-right:5px; }
.boxImportant { background-color:#fbcd83; border:1px solid #ce5c00; background-image:url(/img/icons/silk/exclamation.png); }
.boxWarning { background-color:#eeeeee; border:1px solid #dc3333; background-image:url(/img/icons/silk/exclamation.png); }
.boxConfirm { background-color:#e5fce3; border:1px solid #4ba345; background-image:url(/img/icons/silk/accept.png); }
.boxDeleted { background-color:#f4f8df; border:1px solid #81893a; background-image:url(/img/icons/silk/bin.png); }
.boxError { background-color:#eeeeee; border:1px solid #a60707; background-image:url(/img/icons/silk/delete.png); color:#e01716; font-weight:bold; }
.boxPosition { background-color:#CBF0CE; border:1px solid #5c5c5c; background-image:url(/img/icons/silk/bullet_go.png); }
.boxCenter { text-align:center; }

table.dataTable { border-collapse:collapse; width: 97%; margin-left:1px;}
table.dataTable th, table.dataTable td { border:1px solid #afafaf; padding:3px; }
table.dataTable th { font-size:9pt; text-align:left; background-color:#e4e8ea; font-weight:bold; color:black; }
table.dataTable td { background-color:white; font-size:9pt;  }
table.dataTable td.header { background-color:#eceef4; }
table.dataTable input { }
table.dataTable td.visibleCol { text-align:center; }
table.dataTable td img { border:0; }
table.fullWidth { width:100%; }

table td.cellWeight { display:none; }
table th.cellWeight { display:none; }
table td.cellHidden { display:none; }
table th.cellHidden { display:none; }
 
/**
 * Module styles
 */

#pageView .pageContents { float:right; background-color:#EEEEEE; border:1px solid #B3B3B3; padding:8px; width:170px; margin: 0px 0px 15px 15px; }
/*#pageView .pageContents .header { text-align:center; font-weight:bold; padding-bottom:0.5em; }*/
#pageView .pageContents .header { text-align:center; font-weight:bold; padding-bottom:50px; }

#sitemapView .viewTypes { float:right; }

#sitemapView > #sitemap { margin-top:0; padding-top:0; }
#sitemapView #sitemap li { margin:0; font-weight:normal; }
#sitemapView #sitemap > li { margin:0; padding-top:15px; list-style:none; font-weight:bold; }
#sitemapView #sitemap > li > ul { padding-top:5px; margin-left:2em; }
#sitemapView #alphabeticalList h4 { padding:0; margin:0; }
#sitemapView #alphabeticalList .letter { border-top:1px solid #EEEEEE; padding:20px 0 20px 0;  }
#sitemapView #alphabeticalList ul {  }

#fileList .pageRecord { }
#fileView .pageRecord { padding-bottom:1em; clear:none; border:none; background-image:none; }
#fileView .pageRecord h3 { margin-bottom:4px; }
#fileView .pageRecord .description { margin-bottom:5px; }
#fileView .pageRecord .download {  }

#galleryList .pageRecord { }
#galleryList .pageRecord h3 { }
#galleryView .paginationList { text-align:center; }
#galleryView table { width:100%; }
#galleryView td { text-align:center; }
#galleryView img { padding:5px; }
#galleryRecord .imageArea { width:100%; text-align:center; padding-top:1em; }
#galleryRecord .imageArea img { padding:5px; }
#galleryRecord .imageArea p { padding-top:10px; }

#linkList .pageRecord { }
#linkView .pageRecord .description { margin-bottom:0; }
#linkView .pageRecord .href { background-image:url(/img/general/link.gif); background-repeat:no-repeat; padding:4px 0 0 12px; background-position:0 5px; margin-top:0em; margin-bottom:0.5em; }
#linkView .pageRecord .href a { text-decoration:none; }
#linkView .pageRecord .href a:hover { text-decoration:underline; }
#linkView .pageRecord a img { width:100px; height:100px; border: none; margin:5px;}

#newsList .pageRecord { padding: 5px 10px 20px 15px; border:none; }
#newsList .pageRecord h3 { margin-bottom:4px; }
#newsList .pageRecord .recordDate { padding-bottom:4px; margin-bottom:0; }
#newsList .pageRecord .recordCategory { margin-bottom:0.5em; }
#newsList .pageRecord .newsLink { margin-bottom:0;  }
#newsList .pageRecord .recordImage { margin:5px; padding:5px; }
#newsList .pagination { padding-top:1em; }
#newsList .highlight { background-color:#FEFFD8; padding:10px; }
#newsView .newsDate { font-weight:bold; }

#profileView .pageRecord .recordImg { float:right; margin:1em 0 1em 1em; }
#profileView .pageRecord .description { margin-bottom:0.5em; }
#profileView .pageRecord .href { margin-top:0; }
#profileView .recordItem { vertical-align:top; margin:0; padding:0px; }


#searchView { width:90%; }
#searchView p.results { padding-top:10px; }
#searchView .pageRecord { padding:15px; }
#searchView .pageRecord p, #searchView .pageRecord h4, #searchView .pageRecord .percentage {  }
#searchView .pageRecord h4 { }
#searchView .pageRecord .resultPosition { float:left; padding-right:5px; }
#searchView .pageRecord .description { padding-top:4px; font-size:8pt; top:-10px; position: relative;  }

#searchView .pageRecord .percentage { float:left; padding-top:4px; width:28px; }
#searchView .pageRecord .href { margin-bottom:0; padding-top:4px; }
#searchView .pageRecord .href a { text-decoration:none; }
#searchView .pageRecord .href a:hover { text-decoration:underline; }

#searchView .pageRecord h4 { font-weight:bold; }
#searchView .pagination { padding-top:10px; }

/**
 * Content columns
 */
.contentColumns {  }
table.contentColumns { width:100%; }
table.contentColumns td { vertical-align: top; }
.contentColumns .pageRecord { border:none; }
.contentColumns .pageRecord h3 { margin-top:0; padding-top:0;  }
.contentColumns .recordGroupName { padding-top:1em; font-size:12pt; font-weight: bold;}
.contentColumns .recordGroupName div { padding-top:1em; }
.contentColumns .recordGroupNameFirst { margin-top:0; border:none; }
.contentColumns .recordGroupNameFirst div { padding-top:0; }
.recordGroupName { padding-top:1em; font-size: 12pt; font-weight: bold; }



.pageMember { }
.pageMember .pageRecord { margin: 10px 0 0 0; }
.pageMember ul#memberOptions { border: solid 1px #a0a0a0;margin: 0px 0px 10px 0px;background-color: #e0e0e0;margin-right:15px;padding:15px 5px 5px 5px;}
/*hack for geck browsers like firefox*/
/*.pageMember ul#memberOptions, x:-moz-any-link {padding: 5px;}*/

.pageMember ul#memberOptions li { position: relative; float: left; bottom:10px; list-style: none;padding:0;margin:0 25px 0 0;}
/*.pageMember ul#memberOptions li, x:-moz-any-link {bottom:0px;}*/

/*create more 2 css so i can compare them in html and fix ie7*/
.pageMember ul#memberOptions_ie7 { border: solid 1px #a0a0a0;margin: 0px 0px 10px 0px;background-color: #e0e0e0;margin-right:15px;padding:15px 5px 5px 5px;}
.pageMember ul#memberOptions_ie7 li { position: relative; float: left; bottom:10px; list-style: none;padding:0;margin:0 25px 0 0;}

.frmArea label { margin-top:2px; font-size:9pt; font-weight:bold; float:left; }
.frmArea .fieldValue { margin-top:2px; margin-left:120px; color:#4a4a4a; font-size:10pt; border: solid 1px #fff; }
.frmSection, .frmSubmit { border:1px solid #7c9eba; background-color:#eceef4; font-size:10pt; font-weight:bold; padding:4px; margin-bottom:10px; width: 97%;}

.userDetails { width: 50%; float: left; }
.userPermissions { width: 45%;margin-left: 51%;font-size:0.9em;}


.pageMember .changePasswordError { font-size: 0.8em; margin: 0 0 5px 5px; }
.pageMember .changePasswordError.changePasswordOk { color: green; }
.pageMember .changePasswordError.changePasswordFail { color: red; }

.formFieldSC { display:none;}
.pageForm .formFieldStarContainer { display:block; border-bottom:1px solid #999; padding-bottom:8px; margin-bottom:8px; }

.pageForm .formFieldStarContainer .formFieldStarList{ list-style:none; margin: 0px; padding:0px; width: 150px; height: 30px; position: relative; background: url('/img/starrating.gif') top left repeat-x; }
.pageForm .formFieldStarContainer .formFieldStarList li{ text-indent: -90000px; padding:0px; margin:0px; float: left; }
.pageForm .formFieldStarContainer .formFieldStarList li a { outline: none; display:block; width:30px; height: 30px; text-decoration: none; text-indent: -9000px; z-index: 120; position: absolute; padding: 0px; }
.pageForm .formFieldStarContainer .formFieldStarList li a:hover{ background: url('/img/starrating.gif') left top; z-index: 90; left: 0px; }

.pageForm .formFieldStarContainer .formFieldStarList a.star1{left: 0px; z-index:100; }
.pageForm .formFieldStarContainer .formFieldStarList a.star1:hover{width:30px;}
.pageForm .formFieldStarContainer .formFieldStarList a.star1:focus{ width: 30px; z-index:100; }

.pageForm .formFieldStarContainer .formFieldStarList a.star2{left:30px;z-index:99;}
.pageForm .formFieldStarContainer .formFieldStarList a.star2:hover{width: 60px;}
.pageForm .formFieldStarContainer .formFieldStarList a.star2:focus{ width: 60px; z-index:99; }

.pageForm .formFieldStarContainer .formFieldStarList a.star3{left: 60px;z-index:98;}
.pageForm .formFieldStarContainer .formFieldStarList a.star3:hover{width: 90px;}
.pageForm .formFieldStarContainer .formFieldStarList a.star3:focus{ width: 90px; z-index:98; }

.pageForm .formFieldStarContainer .formFieldStarList a.star4{left: 90px;z-index:97;}	
.pageForm .formFieldStarContainer .formFieldStarList a.star4:hover{width: 120px;}
.pageForm .formFieldStarContainer .formFieldStarList a.star4:focus{ width: 120px;z-index:97; }

.pageForm .formFieldStarContainer .formFieldStarList a.star5{left: 120px;z-index:96;}
.pageForm .formFieldStarContainer .formFieldStarList a.star5:hover{width: 150px;}
.pageForm .formFieldStarContainer .formFieldStarList a.star5:focus{ width: 150px;z-index:96; }

.pageForm .formFieldSC { display:none;}


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