/*
	Designed by: Wolfgang
	Modified by: Faisel Maniar
	Date Modified: 11/26/2007
	Description: I got this free stylesheet from the web.  Feel free to make any changes that you would like.  
	You will also find a skin file in the appthemes folder that I created.  This file has all the skins for 
	different ASP.NET controls like gridview, formview, asp.net tables,etc.  If you add to the list, please let me 
	know so I can take advantage of them as well.
	
 */

*{padding:0; margin:0;}
 body {font-size:70%; background-color:rgb(255,255,255); font-family:Verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.fullBG {width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}

/********************/
/*  HEADER SECTION  */
/********************/

.header {width:900px;}
.header-top {width:900px; height:30px; background:rgb(240,240,240) url(../../img/bg_head_bottom_nav.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle {width:900px; height:142px; background: url(../../img/banner.jpg) no-repeat; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom {width:900px; height:30px; background:rgb(255,255,255) url(../../img/bg_head_bottom_nav.jpg) repeat-y;}
.sitelogo {width:70px; height:30px; position:absolute; z-index:1; margin:22px 0 0 20px; background:url(../../img/bg_head_top_logo.jpg); }
.sitename {width:600px; height:30px; position:absolute; z-index:1; margin:20px 0 0 90px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {font-size:240%; color:White}
.dataElement {font-size: 1em;font-weight:normal;text-align: left; }
.dataLabel {font-size: 1em;font-weight:normal;}
.DDLCSS {width:95%; font-size: 1em; font-weight: normal;}
.DDLCSS_EDITMODE {font-size: 1em; font-weight: normal;}

.basicButton {background: #c8b189;color: black; font-size: 12pt; font-weight: bold;}
.linkButton {font-size: 1em; width:100px;}
.addLinkButton {font-size: 1em; color: Blue}
.sectionheading {background:rgb(240,240,240) url(../../img/sectionheader.jpg) no-repeat; width:100%; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/* accordian styles */
.accordionHeader
{
	font-family:Verdana,arial,sans-serif;
    border: 1px solid #2F4F4F;
    color: black;
    background-color: #e3e3e3;
    font-weight: normal;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    
}

.accordionContent
{
/*	background: #A09B7D url(../../images/fullBG.jpg) center no-repeat;  */
    font-family:Verdana,arial,sans-serif;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}


/*{ background-image:url(../../../img/bg_foot.jpg); width:100%}*/
/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;}
.footer {clear:both; width:900px; padding:1.0em 0 1.0em 0; background:rgb(225,225,225) url(../../img/bg_foot.jpg) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/********************/
/*  MAIN SECTION  */
/* 11/28/2007, frm:- IF YOU WANT A LITTLE SPACE AT THE END OF THE MAIN SECTION, ADD THE FOLLOWING TO THE MAIN CSS:
padding-bottom:30px; // YOU CAN REPLACE 30 WITH WHATEVER AMOUNT YOU WANT.

*/
/********************/
/*
12/13/2007, FRM:- I am removing the background image from here because when the user is not in 1024 X 768 size, it draws a line that doesnt look good.
.main {clear:both; width:100%; background:transparent url(../../../img/bg_main_withoutnav.jpg) top left repeat-y;}

 */
.main {clear:both; width:100%; padding-bottom:30px; background:transparent url(../../img/bg_main_withoutnav.jpg) top left repeat-y;}
.main-content {display:inline /*Fix IE floating margin bug*/; float:left; width:95%; margin:0 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/*
	right navigation panel
 */
.rightPanel h1.H1_header {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:rgb(190,190,190); color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.rightPanel h1 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:rgb(190,190,190); color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.rightPanel h2 {clear:both; margin:20px 10px 10px 20px; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.rightPanel h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for rightPanel for easier exchange */
.rightPanel p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.rightPanel p.center {text-align:center;}
.rightPanel p.right {text-align:right;}

.rightPanel ul {list-style:none; margin:0.5em 10px 1.0em 20px;}
.rightPanel ul li {margin:5px 0 0.2em 2px; padding:0px 0px 0 11px; background:url(../../../img/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.rightPanel ol {margin:0.5em 10px 1.0em 40px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 45px /*IE6*/;}
.rightPanel ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

/*
	left navigation panel
 */
.leftPanel h1.H1_header {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:rgb(190,190,190); color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.leftPanel h1 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:rgb(190,190,190); color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.leftPanel h2 {clear:both; margin:20px 10px 10px 20px; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.leftPanel h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for leftPanel for easier exchange */
.leftPanel p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.leftPanel p.center {text-align:center;}
.leftPanel p.right {text-align:right;}

.leftPanel ul {list-style:none; margin:0.5em 10px 1.0em 20px;}
.leftPanel ul li {margin:5px 0 0.2em 2px; padding:0px 0px 0 11px; background:url(../../../img/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.leftPanel ol {margin:0.5em 10px 1.0em 40px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 45px /*IE6*/;}
.leftPanel ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}


/* MAIN CONTENT */

.main-content h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(225,225,225); color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); color:rgb(255,255,255); font-weight:bold; font-size:220%;}
.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; color:rgb(80,80,80); font-weight:normal; font-size:210%;}
.main-content h2 {clear:both; margin:1.0em 0 0.5em 0; color:rgb(80,80,80); font-weight:normal; font-size:170%;}
.main-content h3 {clear:both; margin:-1.0em 0 0.5em 0; color:rgb(125,125,125); font-weight:normal; font-size:130%;}
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}
/*.column1-unit {width:440px; margin-bottom:10px !important Non-IE6; margin-bottom:5px IE6;}*/
.column1-unit {width:100%; margin-bottom:10px !important; margin-bottom:5px ;}

.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-weight:normal; font-size:170%;}
.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-size:140%;}
.main-content h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}



/*
.main-content table {clear:both; width:400px; margin:2.0em 0 0.2em 20px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}
.main-content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
.main-content table th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-content table td {height:3.0em; padding:2px 7px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:110%;}
p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}
*/

.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}
.main-content ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(../../img/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:120%;}
.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}

/* DEFAULT TABLE CSS */
.main-content default_table {font-weight:normal; text-align:left}