/* CSS Document */


.even{ }

ul.homelist li { margin-left: -20px; line-height: 150% }

/*
div.more { padding-top: .5em; position: absolute; bottom: .5em; right: .5em }
div.more a { padding-right: 16px; color: #000000; background: url(more-bullet.png) no-repeat 100%; font: bold 11px Tahoma, sans-serif; text-decoration: none }
div.more a:hover{ text-decoration: underline }*/
.column-box div.more{ text-align: right }

.newslist li.odd{ background: #f0f0f0 }
ul.newslist{ padding-left: 0; margin-left: 0; list-style-type: none }
ul.newslist li { padding: 4px 4px 4px 15px; list-style-image: none; background: url(arrow.gif) no-repeat left }

.homelist li, .homelist li a, .newslist li, .newslist li a, .column-box a { font: normal 11px Tahoma, sans-serif }

.red{ color: #ff0000 }

/* DIVs in order they appear in layout */

#container { width: 100%; margin: 0px auto; color: #333333; background: #ffffff }

#header { padding: 7px 6px 0 6px; margin-bottom: 16px; height: 98px; background: url(header_back.jpg) repeat-x bottom #ffffff }
#header h1 { padding: 0; margin: 0 }

#left-column, #right-column  {float: left; margin: 0 16px 16px 16px; width: 160px; }
#left-column p, #right-column  p { margin: 0 0 1em 0; font-size: 11px }

.column-box { float: left; width: 130px; margin: 0 0 24px 0;  padding: 0 10px 0 10px }
.column-box .sb-inner { background: url(titlebar.png) #ffffff repeat-x }
.column-box h1 { margin: 4px 0 12px 4px; font: bold 10px Tahoma, sans-serif }
.column-box  p{ margin: 0 0 1em 0; margin-top: 6px; font-size: 12px; line-height: 1.25em }

.content-box { float: left; clear: left; padding: 8px }
.content-box .sb-inner { background: #ffffff }

/* for CURVY CORNERS */
.info-box, .form-box { border: 1px solid #eaeaea;}

.row, .home-row { margin: 0; overflow: hidden }
.row .column-box  p{ margin: 0 0 1em 0; font-size: 11px; line-height: 1.25em }
.row .content-box p { margin:6px 110px 0 0 }

#content-column {float: left; width: 75%; margin: 0 auto;  }
#content-column .row { margin-top: 16px; overflow: hidden }

#center-column {float: left; width: 500px; margin: 0 auto;  }
#center-column .home-row .column-box {margin: 10px 14px 10px 0; float: left}

#main-column{margin:0 20px 20px 20px;}
/*#main-column .row #content {width: 750px; float: left; margin: 0; padding: 0}
#main-column .row #content .content-box {width: auto; margin: 0 14px 10px 0;}
#intro-text{ width: 420px; margin-bottom: 10px }
#content {width: auto; float: left; margin: 0; padding: 0}*/

#footer { clear: both; margin: 20px 20px 20px 20px; padding: 0; background: #ffffff; border-top: 1px dotted #ccc}
.product#footer { clear: both; margin: 0 25% 20px 20px; padding: 0; background: #ffffff; border-top: 1px solid #ccc}

#footer p { margin-top: 10px; color: #666666; font-size: 10px; line-height: 160% }
#footer a { color: #000000; font-weight: bold; font-size: 10px; text-decoration: none }
#footer a:hover { color: #000000; background: #ffff00; font-size: 10px; font-weight: bold; text-decoration: none }

#login-view{padding-top: 50px; color: #fff;}
#login-view a {color: #fff}

img.textclear{ clear: both; float: right; margin: 10px 0 0 18px }

a { color: #0066cc; font: bold 12px Tahoma,Helvetica,Verdana,sans-serif; text-decoration: none }
a:hover { color: #cc0000; font: bold 12px Tahoma,Helvetica,Verdana,sans-serif; text-decoration: Underline }

body{ margin: 0; padding: 0 }
body, td, p { color: #757575; font: normal 12px/160% Tahoma, Arial, Helvetica, sans-serif }

h1{ margin: 0 0 20px 0; font: bold 22px Arial,Helvetica,sans-serif; line-height: 170%; border-bottom: 1px dotted #ccc}
h2{ margin: 0; color: #999999; font: bold 16px Tahoma,Helvetica,sans-serif; line-height: 120% }
h3, #home-content h1 { margin: 0; color: #000000; font: bold 15px Tahoma,Helvetica,sans-serif; line-height: normal }
h3 a { font: bold 15px Tahoma,Helvetica,sans-serif; }
h4{ font: bold 14px Arial,Helvetica,sans-serif }
h5{ font: bold 11px Arial,Helvetica,sans-serif }
/***********************************************************************************/
/* Styled Bulleted lists */
.styled-list ul { margin-left: 0; width: 200px;  }
.styled-list li { margin: 0; list-style: none; text-align: left;  }
.styled-list li a { padding: .2em .2em .3em 1.75em; display: block; text-decoration: none; font-weight: normal; font-size: 11px; border-left: 3px #ccc solid;border-top: 1px solid #fff; border-bottom: 1px #ddd solid;   }
/*.styled-list li a:link { color: #000000 }
.styled-list li a:visited { color: #000066 }*/
.styled-list li a:hover { color: #000000; background: #f0f0f0; font-weight: normal; border-left: 3px #000 solid; border-top: 1px solid #ddd;  border-bottom: 1px solid #ccc }
/**********************************************************************************/

.normalText {font-weight: normal}
.boldText {font-weight: bold;}

#sub-menu { margin: 10px 0 14px 0; width: auto; height: 1%; overflow: hidden }
#sub-menu ul { margin: 0; padding: 0; list-style: none }
#sub-menu li { border-left: 1px solid #999999; float: left; margin: 0 .6em 0 -.6em; padding: 0 .6em 0 .6em; white-space: nowrap; line-height: 1.2em }
#sub-menu li a { font-weight: normal }

#sub-menu li .current { border-bottom: 2px solid #000000 }

.btn-form { border: 3px double #666; border-top-color: #CCCCCC; border-left-color: #CCCCCC; padding: 2px; background-color: #ffd700; color: #000000; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; cursor: pointer; text-transform: uppercase; }

.btn-cancel, .btn-other { border: 3px double #666; border-top-color: #CCCCCC; border-left-color: #CCCCCC; padding: 2px; background-color: #f0f0f0; color: #000; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; cursor: pointer; text-transform:uppercase }

.modalBkgnd{background-color: Gray; filter:alpha(opacity=70); opacity: 0.7;}
.modalBkgndUC {position: absolute; top: -200; left: -200; background-color: #cccccc; filter:alpha(opacity=70); opacity: 0.7; }
.modalPopup { background-color: #ffffff; border: 3px solid #708090; padding: 20px; width: 350px; z-index:99999}
.modalPopup h1 {font: bold 16px Tahoma; margin-bottom: 0px;  margin-top: 0px; border-bottom: 1px dotted #000000; }

.btnVisible {display: block}
.btnHidden {display:none}

.form-box { padding: 0px; background: #FFFAF0; margin-bottom: 8px  }
/*.form-box .sb-inner { }*/
.form-box h3 { padding: 10px; background: url(TabThemes/yui/sprite.png) #2647a0 repeat-x left -1400px; color: #fff; font: italic 16px Arial; }
.field-header { width: 200px; padding: 4px 10px 4px 10px; white-space: nowrap; font-weight: bold; color: #000; border-bottom: 1px dotted #ccc}
.field {padding: 4px 10px 4px 10px; border-bottom: 1px dotted #ccc}
/*.field input {width: 65%}*/

.form-header { width: 1%; padding: 4px 10px 4px 10px; white-space: nowrap; font-weight: bold; background-color: #f0f0f0; color: #000}
.form-field {padding: 4px 10px 4px 4px; }
.form-btn {padding: 4px 10px 4px 4px; background-color: #f0f0f0;}

/******************************************************************************************/
/* Shaded Border 
 .sb, .sbi, .sb *, .sbi * { position:relative; z-index:1; }
  * html .sb, * html .sbi { height:1%; }
  .sbi { display:inline-block; }
  .sb-inner { background:#ddd; }
  .sb-shadow { background:#000; }
  .sb-border { background:#ddd; }*/
/******************************************************************************************/   


.collapsePanel {
    width: 100%;
    height:0px;
    background-color:white;
    overflow:hidden;
}
 
.collapsePanelHeader{   
    width:100%;            
    height:20px;
    color: #000;
    background: url(grad3.png) repeat-x;
    border: 1px solid #ddd;
    font-weight:bold;
    float:none;
    padding:5px; 
    cursor: pointer; 
    vertical-align: middle;
}


/***** alert boxes *****/

.error-box, .warn-box, .ok-box, .info2-box
{
	background: url(images/alerts.png) no-repeat;
	padding: 4px 4px 4px 33px;
	margin: 6px 0 6px 0;
	display: block;
}

.error-box
{
	background-position: 6px 4px;
	border: 1px solid #FDA6AC;
	background-color: #fef1ec;
	color: #cd0a0a;
}
.warn-box
{
	background-position: 6px -97px;
	border: 1px solid #FBE87D;
	background-color: #fbf9ee;
	color: #363636;
}
.info2-box
{
	background-position: 6px -200px;
	border: 1px solid #ddd;
	background-color: #F8F8FF;
	color: #003366;
}
.ok-box
{
	background-position: 7px -293px;
	border: 1px solid #9AD87C;
	background-color: #E3EDDE;
	color: #006600;
}