﻿
body{font-family: Arial, Helvetica, sans-serif;	color: #00487D;	font-size: 12px; padding: 0; margin: 0; background: #BFE4FF;}
#wrapper{width: 770px; margin: 0 auto; border: 1px solid #eef1ed; background: url(images/forest.jpg) repeat-x bottom;}

p{margin: 10px;}

.standardButton{background: #03365c url(../images/standardButton.png) repeat-x 0 0; height: 30px; padding: 0 10px 0 10px; color: White; font: bold 100% arial; text-align: center; border: solid 2px #03365c; }
.standardTextbox, .multilineTextbox{border: solid 1px #80c9fe; padding: 3px; font: bold 110% arial; color: #00487D;}

/* Begin Parent Right Column ----------------------------------------------------------------------- */
#singleColumn{border-left: 1px solid #ccc;border-right: 1px solid #ccc;margin: 0 0 0 10px; display: inline; /* IE Fix */width: 750px; float: left;background-color: #fff;}
#singleColumn h1{margin: 0; padding: 3px 10px;	border: 1px solid #ccc;	font-size: 24px; background: #80C9FF; border: 0;}
#singleColumn h1 a{text-decoration: none;color: #01487e; }
#singleColumn h1 image{border: 0;}
#singleColumn .lblTop5{height: 112px;display: block;padding: 8px 12px 0 0;text-align: justify;}
#singleColumn .banner{margin: 10px;border: 1px solid #ccc;background-color: #EEF1ED;}
#singleColumn .banner img{display: block;border: 0;}

.bottomLinks{padding: 20px 0 0 400px;text-align: right;}
.bottomLinks2{margin: 20px 0 0 300px;text-align: right;}
.bottomLinks a.standardButton, .bottomLinks2 a.standardButton{margin: 20px 10px 20px 0;float: left;}


/* FORMS ----------------------------------------------------------------------- */
/* CENTERED FORM ----------------------------------------------------------------------- */
#centeredForm{background: #ffffff;margin:0 auto;text-align:left;width: 400px;}
#centeredForm input{padding: 5px 5px 5px 5px;font-family: Arial;font-weight: bold;font-size: 11pt;}
#centeredForm h3{text-align:left;width: 300px;padding: 0 0 20px 50px;margin: 0;font-size: 14pt;}
#centeredForm .top{display:block;height:30px;margin:10px auto 0;background: #80c9fe url(images/top.png) no-repeat 0 0;padding: 10px 0 0 0;}
#centeredForm .body{border-left: solid 1px #CCCCCC;border-right: solid 1px #CCCCCC;border-bottom: solid 1px #CCCCCC;padding: 30px 0 30px 0;}
#centeredForm .body p{padding: 10px;}
#centeredForm .bottom{height: 10px;display:block;background: #ffffff url(images/bottom.png) no-repeat 0 0;}
#centeredForm .label{padding: 5px 0 0 100px;}
#centeredForm .control{padding: 0 0 0 100px;}
#centeredForm .error{width: 190px;padding: 5px 0 5px 0;margin: 0 0 0 100px;background-position: 5px 45%;}
#centeredForm .error ul{text-align: left;padding: 10px 0 10px 0;margin: 0;}
#centeredForm .error li{margin: 0 0 0 50px;	padding: 0;	color: #01487e;}
#centeredForm .error span{padding: 0 0 0 40px;color: #01487e;}

/* STANDARD FORM ------------------------ */
div.standardForm{width: 514px;}
div.standardForm h2{padding: 10px 0 10px 20px;margin: 0 0 0 0;}
div.standardForm .label{float: left;text-align: right;width: 150px;font-size: 12pt;font-weight: bold;padding: 8px 5px 0 0;margin: 3px 0 0 0;}
div.standardForm .label div.instruction{font-size: 8pt; font-style: italic;}
div.standardForm .control{float: left;text-align: left;width: 359px;padding: 8px 0 0 0;}
div.standardForm .submit{text-align: right;padding: 30px 0 20px 400px;float: left;}
div.standardForm .control input,textarea,select{font-size: 11pt;font-weight: bold;font-family: Arial;color: #666666;padding: 5px;background-color: #FFFFFF;border: solid 1px #0066b3;width: 320px;}
div.standardForm .fileUpload{border: solid 1px gray;width: 320px;}
div.standardForm .standardButton{text-decoration: none;float: left;}
div.standardForm .error ul{text-align: left;padding: 0 0 10px 0;margin: 0;}
div.standardForm .error li{margin: 0 0 0 95px;padding: 0;color: #01487e;}
div.standardForm .error span{padding: 0 0 0 90px;color: #01487e;}
div.confirmation{border: solid 1px #CCCCCC;padding: 30px 0 30px 10px;margin: 10px;}
div.confirmation p{padding: 10px;}

#emptyForm{padding: 50px 0 200px 0;text-align: center;}

/* FOOTER ----------------------------------------------------------------------- */
.clear {clear: left;}
#footer {background: #fff; border: 1px solid #ccc;}
#footer .text {padding: 10px; margin: 0 auto; width: 710px; border: 1px solid #fff;}
#footer .text a:link, #footer .text a:visited { color: #333; text-decoration: none; }
#footer .text a:hover {  color: #333; text-decoration: underline; }
#footer .text img { border: none ; }

/* SPECIMEN PAGES ----------------------------------------------------------------------- */
#specimen{border: 1px solid #fff;margin: 10px;font-size: 8pt;vertical-align: top;text-align: justify;}
#specimen h2{padding: 8px 0 4px 0;margin: 0;font-size: 12pt;}
#specimen div.gallery{padding: 10px;margin: 0 0 0 5px;background-color: White;float: right;width: 125px;border: 1px solid #ccc;}
#specimen .editLabel{margin: 0 0 0 5px;}

/* -- SHADOW IMAGES -------------*/
.img-shadow{ float:left; background: url(images/shadow/shadowAlpha.png) no-repeat bottom right !important; background: url(images/shadow/shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; padding: 0 0 0 5px;}
.img-shadow img{display: block;position: relative;background-color: #fff;border-style: solid;border-width: 7px;border-color: red;margin: -6px 6px 6px -6px;padding: 4px 4px 4px 4px;}

/* -- MESSAGE BOXES  -------------*/
.error{width: 300px;padding: 15px 0 0 0;margin: 15px 0 15px 100px;background-color: #FFF9BF;background-image: url(images/error.gif);background-position: 5px 50%;background-repeat: no-repeat;font-size: 9pt;font-weight: bold;border-style: solid;border-width: 1px;text-align: center;}
.accept{width: 400px;padding: 15px 0 15px 24px;background-color: #FFF9BF;background-image: url(images/24check.gif);background-position: 7px 11px;background-repeat: no-repeat;font-size: 9pt;font-weight: bold;border-style: solid;border-width: 1px;}

/* -- FORUM  -------------*/
div.forum{min-height: 600px; padding: 0 10px 0 10px;}
div.forum a.title{margin: 0 0 0 10px; color: #00487d; font: bold 150% arial; text-decoration: none;}
div.forum p{padding: 0; margin: 3px 0 10px 10px;}
#singleColumn div.forum h1{background: #fe7e00; margin: 0 0 10px 0;}

/* -- FORUM  threadListing-------------*/
div.forum table.threadListing{margin: 10px 0 10px 0; border: solid 2px #01487e; width: 730px;}
div.forum table.threadListing th{background: #01487e; color: White; padding: 3px; margin: 0; border: none; text-align: center;}
div.forum table.threadListing td{margin: 0; padding: 3px;}
div.forum table.threadListing td.topic{width: 300px;}
div.forum table.threadListing td.topic div.title{width: 100%; }
div.forum table.threadListing td.topic div.title a{font: bold 120% arial; color: #01487e;  text-decoration: none;}
div.forum table.threadListing td.topic div.author{font: normal 100% arial; color: #fe860c; width: 100%;}
div.forum table.threadListing td.replyCount{width: 30px; text-align: center; padding: 0;}
div.forum table.threadListing td.threadViews{width: 30px; text-align: center;}
div.forum table.threadListing td.lastPost{width: 100px;}

/* -- FORUM  thread-------------*/
div.forum div#thread{margin: 10px 0 10px 0; background: #bfe4ff; }

/* -- FORUM  post-------------*/
div.forum div#thread div.post{width: 730px; padding: 0; margin: 0;}
div.forum div#thread div.post div.title{font: bold 120% arial; margin: 0 10px 0 10px; }
div.forum div#thread div.post div.subTitle{font: normal 80% arial; margin: 0 10px 0 10px;}
div.forum div#thread div.post div.body{font: normal 100% arial; margin: 8px 10px 0 10px;}
div.forum div#thread div.spacer{height: 10px; background: #ffffff;}

/* -- FORUM  quick post-------------*/
div.quickPost{}
div.quickPost h2{font: bold 120% arial; margin: 0;}
div.quickPost .multilineTextbox{width: 712px; margin: 0 0 10px 0;}
div.quickPost .standardTextbox{width: 720px; }

/* -- NIFTY ROUNDED CORNERS-------------*/
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}
.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

/* -- Pagination-------------*/
.pageButton, .pageNumber, .pageNumberCurrent{font: bold 80% arial; display: inline-block; border: solid 1px #bfc9cb; text-align: center; }
.pageButton{padding: 3px; margin: 2px; }
.pageNumber{padding: 3px; margin: 2px;}
.pageNumberCurrent{padding: 5px; margin: 2px; background: #01487e; color: White;}


/* ------------------------ coolForm -----------------*/
div.coolForm fieldset { margin-bottom: 10px;}
div.coolForm legend { padding: 0 2px; font-weight: bold;}
div.coolForm label { display: inline-block; line-height: 1.8; vertical-align: top; }
div.coolForm fieldset ol { margin: 0; padding: 0;}
div.coolForm fieldset li { list-style: none; padding: 5px; margin: 0;}
div.coolForm fieldset fieldset { border: none; margin: 3px 0 0;}
div.coolForm fieldset fieldset legend { padding: 0 0 5px; font-weight: normal;}
div.coolForm fieldset fieldset label { display: block; width: auto;}
div.coolForm em { font-weight: bold; font-style: normal; color: #f00;}
div.coolForm label { width: 120px; /* Width of labels */}
div.coolForm fieldset fieldset label { margin-left: 123px; /* Width plus 3 (html space) */}

div.coolForm {width: 732px; }
div.coolForm legend { padding-left: 0; }
div.coolForm legend,div.coolForm label {}
div.coolForm fieldset {border: none;border-top: 1px solid #01487e;	background: url(../images/PostAddBackground.gif) left bottom repeat-x;}
div.coolForm fieldset fieldset { background: none; }
div.coolForm fieldset li {padding: 5px 10px 7px;	background: url(../images/PostAddDivider.gif) left bottom repeat-x;}
div.coolForm .standardTextbox{width: 500px;}
div.coolForm .multilineTextbox{width: 500px;}
