ÿþ/* CSS layout rules for all content areas */



#container

{

    margin:0 auto; 

    width:757px; 

    height:100%;

    font-size:1em;

    padding: 0px;

    background-color: #fff;

}



#header

{

    margin:0 auto; 

    padding:0px; 

    width:757px; 

    height:114px; 

    display:block;

    clear:both; 

/*

    background-image:url(../images/en/bkgHeader.gif); 

    background-repeat:no-repeat;

*/

}



.adm_header_desc:after{content:"²%"}

.adm_header_asc:after{content:"¼%"}



.mnav {

    width:757px;

    background-color:#57a1d2;

    padding:12px 0px;

    white-space: nowrap;

    overflow:hidden;

}



.mnavfr {

    width:757px;

    background-color:#57a1d2;

    padding:12px 0px;

    white-space: nowrap;

    overflow:hidden;

}



.mnav a

{

    color:white;

    text-decoration:none;

    padding:12px 24px;

    text-align:center;

    font:normal 13px Arial;

    border-right: 1px solid #81b9de;

    border-left: 1px solid #5990b7;

    white-space: nowrap;    

}



.mnavfr a

{

    color:white;

    text-decoration:none;

    padding:12px 16px;

    text-align:center;

    font:normal 13px Arial;

    border-right: 1px solid #81b9de;

    border-left: 1px solid #5990b7;

    white-space: nowrap;    

}



A.active, #mnav a:hover

{

    background-color: #88746b;

    background-image: url(/fairs/images/arrow-up.gif);

    background-position:center bottom;

    background-repeat:no-repeat;

}



#pageContainer

{

    margin:0 auto; 

    padding: 38px 0px 0px 0px;

    width:757px; 

    min-height:209px; 

    display:block;

    clear:both; 

	background:#fff url(../images/bkgClouds.jpg) no-repeat top; 

    background-repeat:no-repeat;

}



.content

{

    line-height:18pt;

    font:normal 12pt Arial;

}



.downloadItem

{

    font-size:9pt;

    padding-left:5px;

}



#maincontent {

	margin:0 auto; 

	padding: 3px 3px 0px 3px; 

	width:684px; 

	min-height: 615px;  

	background-color: #fff;

}	



.pagecontentLayout

{

    width: 684px;

    min-height: 615px;

    /*background-color: #e2e2e2;*/

}



.stampButton

{

    margin:5px 0px;

    border:3px solid #DAEAF4;

    border-left: 0px;

    border-right:0px;

}



.contentStart

{

    padding-top: 10px;

}



/* Submit Your Project */

.pageContentContainer

{

    width: 658px;

    padding: 13px 13px 5px 13px;

    min-height: 50px;

    background-color:#cbe2f0;

}



.pageContentContainer IMG:first-child {border:1px solid black;}

.imgPageHeader

{

    width: 300px;

    float: left;

    display: block;

}



.pageContentContainer h1

{

    padding-bottom:12px;

    background:repeat-x bottom url(../images/bkgHorizontalLine.gif);

    color:#8c7d76;

}



H1.h1LineTop 

{

    font:bold 11pt Arial;

    color:#93867B;

    border:2px solid #E5E1DF;

    border-left: 0px; border-right:0px;

    padding:10px;

    margin:10px 0px 3px 0px;

}



.lblRequiredFld

{

    width: 358px;

    float: left;

    text-align: right;

    display: block;

}



.formItemBlock

{

    width: 658px;

    clear: both;

}



.formRowItem

{

    width: 658px;

    padding: 10px 0px 10px 0px;

    font:normal 12pt Arial;

    background-color:#cbe2f0;

}



.formItemCol1

{

    float: left;

    display: block;

    width: 210px;

    padding-right: 15px;

}



.formItemCol2

{

    float: left;

    display: block;

    width: 433px;

}



.lblFormItem

{

    padding-bottom: 5px;

    font:normal 12pt Arial;

}



.lblValignMiddle

{

    font:normal 9pt Arial;

    width:400px;

}







/* Error message    */

.fldProjItems

{

}



.fldProjItemsError

{

    border: 2px solid Red;

}



.ddProjItems

{

}



.ddProjItemsError

{

    border: 2px solid Red;

}



.errMsg

{

    color: Red;

    font-size: 1em;

    padding: 0px 0px 10px 0px;

    font-weight: bold;

}



.confirmMsg

{

    color: Green;

    font-size: 1em;

    padding: 0px 0px 10px 0px;

    font-weight: bold;

}





.formSubmit

{

    float: left;

    display: block;

    padding: 0px 10px 0px 0px;

    vertical-align:middle;

    background-color:#cbe2f0;

}



.lblNote

{

    font-weight: bold;

    font-size: 0.9em;

}



.formSubmitInfo

{

    clear:both;

    display: block;

    float: left;

    padding: 3px 0px 0px 0px;

    font-weight: bold;

    font-size: 0.9em;

    margin-top:10px;

}



.formReset

{

    float: left;

    display: block;

    width: 130px;

    color: #26648b;

    font-weight: bold;

    padding: 3px 0px 0px 0px;

    text-align: right;

    text-decoration:none;

    background-color:#cbe2f0;

}





.formResetImg

{

    width: 8px;

    padding: 3px 0px 0px 0px;

}



.formResetLink

{

    color: #26648b;

    font-weight: bold;

    padding: 0px 0px 0px 0px;

    text-align: right;

    text-decoration:none;

}



.formResetLink a:hover{color:#26648b; text-decoration:none;}



/*  Thank You Page */

#simpleList li { list-style-type: square; margin-bottom: 0;}



/* Fair List page */

/*.fairsRow:hover

{

    background-color:#F1EDEA;

}

 */

 .fairsRow td

 {

     border-bottom:1px solid #F1EDEA;

}

 

.fairsHeader

{

    border-bottom:3px double #333;

} 



.fairsFooter

{

    border-top:1px solid #333;

}



.fairsFooter A

{

    text-decoration:none;

    font-weight:bold;

    padding:0px 1px;

    border:1px solid #CBE2F0;

}



.fairsFooter A:HOVER

{

    text-decoration:underline;

    border:1px solid black;

}



.fairsFooter SPAN 

{

    background-color:#F1EDEA;

    padding:0px 3px;

    color:#777;

    font-weight:bold;

}

 

/* Browse Page     */

DIV.lblFilter

{

    float: left;

    display: block;

    padding: 3px 10px 0px 0px;

    font-weight: bold;

}



.grdHeader

{

    color:Red;

}



th a {

	text-decoration:none;

}



.grdSearchResult

{

    padding: 10px 0px 0px 0px;

    min-height: 510px;

}



.dgColProjTitle

{

    min-width: 70px;

}



.homeImgVirtualVigil

{

    padding: 3px 0px 3px 0px;

    border-top: 3px solid white;

    margin: 0 auto;

    text-align:center;

    background-color: #e2e2e2;

}



.homepageContentContainer

{

    background-color: #FFFFFF;

    padding: 0px 0px 0px 0px;

    clear:both;

    padding-top:10px;

}



.homepageContentContainer h1

{

    padding:12px 10px;

    /*background:repeat-x top url(../images/bkgHorizontalLineWhite.gif);*/

    color: #8c7d76;

}



.upcomingEventsDateLabel { font-weight:bold;}

.upcomingEvents

{

    background-color: #C0DBEE;

    width:200px;

    margin:3px;

    float:left;

    text-align:left;

    vertical-align:middle;

    padding:20px 10px;

    font:normal 10pt Arial,Helvetica;

}



.upcomingEvents a {text-decoration:none;color:black;}

.upcomingEvents a:hover {text-decoration:underline;}





.upcomingEvents span {margin:auto;}



.upcomingEventsContainer

{

    height: 100%;    

}



.upcomingEventsContent

{

    background-color: #e2e2e2;

    height: 100%;

    width: 206px;

    float: left;

    padding: 10px;

}



.upcomingEventsContentMiddle

{

    background-color: #e2e2e2;

    min-height: 100%;

    width: 206px;

    float: left;

    padding: 10px;

    display: inline-block;

    border-left: 3px solid #fff;

    border-right: 3px solid #fff;

}



.upcomingEventsSpacer

{

    min-height: 100%;

    background-color: #fff;

    width: 3px;

    float: left;

}



.homePhotoGallery

{

    min-height: 200px;

}



.lnkEvent

{

    text-decoration: none;

    display: block;

    background: url(../images/iconArrowBlueSideways.gif) no-repeat 0 50%;

    padding: 0px 0px 10px 10px;

    background-position: left 4px;

}



a.lnkEvent:hover

{

    color:#25638a;

}





.lblEventDate

{

    padding-left: 10px;

    font-weight: bolder;

}



/* Footer */

#footer

{

    margin:0 auto; 

    padding:0; 

    width:757px;

    height:auto; 

    background-color: #57a1d2;

}



#footer #content{margin:0 auto; width:708px; padding:20px 0 10px 0;}

#footer p {font-size:1em; color:#fff; line-height:1.2em; margin:0; margin-bottom:0.8em; margin-top:0.3em;  text-align:center;}

#footer a{color:#cce5ff; text-decoration:none;}

#footer a:hover{color:#fff; text-decoration:none;}



/* Misc */

.clear {

  clear: both;

  height: 1px;

  width:100%;

}



/*  FILE UPLOAD BUTTON Cusomization */



#divinputfile{

	background:url(../images/en/btnBrowse_off.gif) no-repeat 100% 2px;

	height:28px;

	width:335px;

	margin:0px;

}



#divinputfile #ctl00_ContentPlaceHolder1_pdfFileUpload{

	opacity: 0.0;

	-moz-opacity: 0.0;

	filter: alpha(opacity=00);

	font-size:18px;

	width: 450px;

}



#ctl00_ContentPlaceHolder1_pdfFileUpload

{

    width: 430px;

}



#fakeinputfile{

	margin-top:-28px;

	height:20px;

}



#fakeinputfile #fakefilepc{

	width:265px;

	height:20px;

}



/*  Submission 



/* located in demo.css and creates a little calendar icon

 * instead of a text link for "Choose date"

 */

a.dp-choose-date {

	float: left;

	width: 26px;

	height: 24px;

	padding: 0;

	margin: 0;

	display: block;

	text-indent: -2000px;

	overflow: hidden;

	background: url(../images/iconCalendar.gif) no-repeat; 

}

a.dp-choose-date .dp-disabled {

	background-position: 0 -20px;

	cursor: default;

}

/* makes the input field shorter once the date picker code

 * has run (to allow space for the calendar icon

 */

input.dp-applied {

	width: 140px;

	float: left;

}



.fileLink

{

    font-weight: bold;

}





/* Project Detail */

.projDetail 

{

    font:normal 10pt Arial;

}

.projDetail h2

{

    margin-bottom: 3px;

}



.projSubTitle

{

    padding-bottom: 4px;

}



.rowProjDetail

{

    padding: 7px 0px 7px 0px;

}



.rowProjDetail span {white-space:nowrap;}



.ttlProjTitle 

{

	color: #000;

}



.txtProjDesc

{

	margin: 1px;

	padding: 10px;

	border: solid 1px #ccc;

	min-height: 100px;

	background-color: #fff;

}



.lblProjDesc

{

    float: left;

    display: block;

    width: 210px;

    padding-right: 15px;

}



.photoGallery

{

    float: right;

    display: block;

    padding-right: 5px;

}





.lpCol1

{

    float: left;

    display: block;

    padding-right: 15px;

}



.lpCol2

{

    float: left;

    display: block;

}



.lnkPDF

{

    display: block;

    background: url(../images/iconPDF.png) no-repeat 0 50%;

    padding: 0px 0px 10px 20px;

    background-position: left top;

}