@charset "utf-8";
/* CSS Document 
 General HTML Body Styling */
body {
color:#333;
background-color:#000;
margin:0;
}

a {
text-decoration:none;
outline:none;
color:#000;
}

a:hover {
color:#000;
}

hr {
border:none;
border-top:1px dotted #ccc;
height:3px;
width:100%;
}

/*aligns the bottom of the image with the bottom/middle/top/baseline of the text*/
.textbottom {
vertical-align:text-bottom;
}

.textmiddle {
vertical-align:middle;
}

.texttop {
vertical-align:top;
}

.textbaseline {
vertical-align:baseline;
}

.blueLinkNoHover a:hover {
text-decoration:none;
}

.blackLinkNoHover a {
text-decoration:none;
color: #666;
}

.blackLinkNoHover a:hover {
text-decoration:none;
background-color:#000;
color: #FFF;
}

.blue_title {
color:#5C709E;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.2em;
font-weight:700;
font-size:1.2em;
}

.blue_text {
color:#5C709E;
}

.blue_title2 {
color:#5C709E;
font:185%/1.8em Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:700;
}

.black_title {
color:#000;
font:185%/1.8em Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:700;
}

p {
line-height:1.35em;
}

h1 {
font:185%/1em Arial, Helvetica, sans-serif;
font-size:1.95em;
font-weight:700;
}

form {
margin:0;
padding:0;
}

.form_text {
font:11px Verdana, Arial, Helvetica, sans-serif;
}

#topBorder {
height:10px;
width:100%;
overflow:hidden;
}

#topsection {
background-image:url(../images/header_03.gif);
background-repeat:repeat-x;
background-color:#000;
height:63px;
}

#contentwrapper {
float:left;
width:100%;
background:#FFF;
}

#flashcontain {
width:77px;
height:63px;
z-index:0;
}

#header {
width:1100px;
height:63px;
font:10px Verdana, Arial, Helvetica, sans-serif;
background-image:url(../images/menu_back.jpg);
background-repeat:repeat-x;
background-position:0 -10px;
margin:0 auto;
}

/* Tab Navigation */
#menu {
float:right;
margin:19px 0 0;
font-size:9px;
}

#menu ul {
/*white-space:nowrap;*/
margin:0;
padding:0;
font-size:9px;
}

#menu ul li {
display:block;
float:left;
text-align:center;
margin:0;
padding:0;
font-size:9px;
}

#menu ul li a {
color:#fff;
background-color:transparent;
text-decoration:none;
font-weight:700;
display:block;
font-size:9px;
border-style:none;
}

#menu ul li a:link,#menu ul li a:visited {
background-image:url(../images/menu_tabs.gif);
background-repeat:no-repeat;
color:#000;
height:28px;
width:106px; /*90px; */
line-height:28px;
font-size:9px;
}

#menu ul li a:hover,#menu ul li a:active {
background-image:url(../images/menu_tabs.gif);
background-repeat:no-repeat;
background-position:0 -28px;
height:28px;
width:106px; /*90px; */
line-height:28px;
text-decoration:none;
font-size:9px;
}

#menu ul li.active a:hover,#menu ul li.active a:active,#menu ul li.active a:link,#menu ul li.active a:visited {
background-image:url(../images/menu_tabs.gif);
background-repeat:no-repeat;
background-position:0 -56px;
height:28px;
width:106px; /*90px; */
line-height:28px;
color:#FFF;
font-size:9px;
}

/* special background for home menu (cg logo) */
#menu ul li a.menu_home:link,#menu ul li a.menu_home:visited {
background-image:url(../images/menu_home.gif);
background-repeat:no-repeat;
color:#000;
height:28px;
width:106px; /*90px; */
line-height:32px;
font-size:9px;
}

#menu ul li a.menu_home:hover,#menu ul li a.menu_home:active {
background-image:url(../images/menu_home.gif);
background-repeat:no-repeat;
background-position:0 -28px;
height:28px;
width:106px; /*90px; */
line-height:28px;
font-size:9px;
}

#menu ul li.active a.menu_home:hover,#menu ul li.active a.menu_home:active,#menu ul li.active a.menu_home:link,#menu ul li.active a.menu_home:visited {
background-image:url(../images/menu_home.gif);
background-repeat:no-repeat;
background-position:0 -56px;
height:28px;
width:106px; /*90px; */
line-height:28px;
color:#FFF;
font-size:9px;
}

/* Submenu */
#submenu {
float:right;
width:860px; /*710px;*/
text-align:left;
color:#CCC;
margin:0;
}

#submenu a {
color:#FFF;
background-color:transparent;
text-decoration:none;
font-size:9px;
border-style:none;
}

#submenu a:hover {
color:#FFF;
text-decoration:underline;
}

#logoname {
float:left;
margin:0;
}

/* Right Column */
#rightColumn {
float:right;
width:860px;/*710px;*/
padding-top:9px;
/*padding-bottom:10px;*/
background-color:#FFF;
font:11px Verdana, Arial, Helvetica, sans-serif;
margin:0;
}

/*#rightColumn ul { 
	margin: .5em 0 1em 0; 
}*/
#content {
margin-right:870px; /*710px;*/
background-color:#FFF;
font:11px Verdana, Arial, Helvetica, sans-serif;
padding:0;
}

#contentEmpty {
background-color:#FFF;
min-height:350px;
font:11px Verdana, Arial, Helvetica, sans-serif;
margin:5px;
padding:10px;
}

.infoTabContent {
font:11px Verdana, Arial, Helvetica, sans-serif;
display:block;
margin-right:10px;
width:250px;
margin-top:9px;
line-height:1.3em;
padding:3px 0 0;
}

/* Styles for display.php layout */
#displayContainer {
width:850px;/*700px;*/
margin:0 auto;
}

#displayRight {
float:right;
width:500px;
padding-bottom:1em;
min-height:200px;
margin:0;
clear:right;
}

#display {
margin-right:500px;
background-color:#FFF;
min-height:200px;
padding:0;
}

.prodDesc {
padding-bottom:8px;
}

/* Login page */
#rightLogin {
float:right;
width:602px;
height:472px;
margin:0;
}

#contentLogin {
margin-top:0;
margin-right:600px;
height:450px;
color:#FFF;
padding:10px;
}

#searchbox {
font:11px Verdana, Arial, Helvetica, sans-serif;
padding-top:10px;
color:#999;
padding-bottom:10px;
padding-right:16px;
text-align:right;
vertical-align:top;
height:1.7em;
}

#footer {
height:10px;
clear:both;
text-align:center;
background-color:#FFF;
margin:0;
padding:0;
}

#bottomBorder {
width:1100px;
height:24px;
background-image:url('../images/footer.gif');
margin:0 auto;
}

#cpr {
width:1100px;
text-align:center;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:#666;
line-height:3em;
padding-bottom:10px;
margin:0 auto;
}

#breadcrumb {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#999;
padding-bottom:0;
}

#breadcrumb a {
text-decoration:none;
color:#999;
}

#breadcrumb a:hover {
text-decoration:none;
color:#999;
border-bottom:#999 dotted 1px;
}

#pagetitle {
font:150%/1em Verdana, Arial, Helvetica, sans-serif;
font-size:2.25em;
font-weight:700;
padding-top:0;
color:#5C709E;
padding-bottom:10px;
text-align:right;
}

#pagetitlespacer {
height:22px;
background:url('../images/pagetitlespacer.gif') no-repeat center bottom;
margin:0;
}

#content h2 {
font:125%/1em Arial, Helvetica, sans-serif;
font-weight:700;
margin:1em 0 .5em;
}

/* Class Definitions  */
.columnHeading {
border-bottom:1px dotted #ccc;
font-weight:700;
padding-left:2px;
margin-bottom:10px;
}

.warn_txt {
color:#933;
font:11px Verdana, Arial, Helvetica, sans-serif;
}

.green_txt {
color:#060;
font:11px Verdana, Arial, Helvetica, sans-serif;
}

.grey_txt {
color:#CCC;
font:11px Verdana, Arial, Helvetica, sans-serif;
}

.grey_txt_small {
color:#CCC;
font:10px Verdana, Arial, Helvetica, sans-serif;
}

.white_txt {
color:#FFF;
font:10px Verdana, Arial, Helvetica, sans-serif;
}

.darkgrey_txt {
color:#999;
font:11px Verdana, Arial, Helvetica, sans-serif;
}

/* Class For bottom nav at categorypage */
.navlist {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#333;
padding:1px;
}

.btnPage {
cursor:pointer;
color:#000;
text-decoration:none;
font-weight:700;
width:15px;
text-align:center;
background-color:#F0F0F0;
border:#CCC solid 1px;
font:11px Verdana, Arial, Helvetica, sans-serif;
padding:2px;
}

.even {
background-color:#F0F0F0;
}

/* Fancy Table layout */
#mytable {
width:200px;
background:#F0F0F0;
margin:0;
padding:0;
}

#mytable caption {
font:italic 11px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
padding:0 0 3px;
}

#mytable th {
font:bold 9px Verdana, Arial, Helvetica, sans-serif;
color:#4f6b72;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
border-top:1px solid #CCC;
letter-spacing:1px;
text-align:left;
background:#EAEAEA url(images/tables/bg_header.jpg) no-repeat;
padding:2px 2px 2px 3px;
}

#mytable th.nobg {
border-top:0;
border-left:0;
border-right:1px solid #CCC;
background:none;
}

#mytable td {
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
background:#fff;
color:#4f6b72;
padding:2px 2px 2px 3px;
}

#mytable td.alt {
background:#F0F0F0;
color:#797268;
}

#mytable th.spec {
border-left:1px solid #CCC;
border-top:0;
background:#fff url(images/tables/bullet1.gif) no-repeat;
font:bold 8px Verdana, Arial, Helvetica, sans-serif;
}

#mytable th.specalt {
border-left:1px solid #CCC;
border-top:0;
background:#f0f0f0 url(images/tables/bullet2.gif) no-repeat;
font:bold 8px Verdana, Arial, Helvetica, sans-serif;
color:#797268;
}

.project_title {
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.2em;
font-weight:700;
font-size:1.2em;
}

/* Vertical (Left) Menu */
#vertm {
float:left;
width:14.4em;
margin-left:-3.65em;
margin-top:0;
}

#vertnav {
list-style-type:none;
}

#vertnav ul {
z-index:100;
overflow:visible;
width:14.4em;
list-style-type:none;
border:#333 1px solid;
display:none;
left:14.4em;
position:absolute;
top:1px;
margin:0;
padding:0;
}

#vertnav li {
display:block;
width:14em;
position:relative;
height:2em;
margin:0;
padding:0 0.2em;
}

/*#vertnav li {
	border-top-width: 1px; 
	border-left-width: 1px; 
	border-bottom-width: 0px; 
	border-right-width: 1px;
}
#vertnav li:unknown {
	border-bottom: #ffffff 1px solid;
}*/
#vertnav a {
display:block;
width:14.4em;
height:2em;
text-decoration:none;
font-family:verdana;
font-size:11px;
line-height:2em;
margin:0;
padding:0 0.2em;
}

#vertnav li a {
text-align:right;
}

#vertnav li:hover {
background-color:#fff;
padding:0 0.2em;
}

#vertnav a:hover {
font-family:verdana;
text-decoration:none;
font-size:11px;
padding:0 0.2em;
}

#vertnav li ul li a:hover {
background-color:#666;
color:#FFF;
}

#vertnav a.vertnavsub {
padding-right:10px;
width:145px;
background-image:url(../images/next_grey_small.gif);
background-repeat:no-repeat;
background-position:right;
}

#vertnav a.vertnavsub:hover {
padding-right:10px;
width:145px;
background-image:url(../images/next_black.gif);
background-repeat:no-repeat;
background-position:right;
}

unknown {
left:auto;
top:auto;
}

.blueLink a,.blueLinkNoHover a,#rightColumn a {
color:#5C709E;
outline:none;
}

.blueLink a:hover,#rightColumn a:hover,.btnPage a:hover {
text-decoration:underline;
}

#maincontainer,.odd,#vertnav ul li {
background-color:#FFF;
}

#container,#topcontainer {
width:1100px;
background-color:#FFF;
margin:0 auto;
}

#logo,html #vertnav li {
float:left;
}

#rightColumn .navlist a,#rightColumn .btnPage a {
color:#333;
}

#rightColumn .removeAll,#rightColumn .removeAll a,#rightColumn .pageNav,#rightColumn .pageNav a {
font:11px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#000;
}

#rightColumn .removeAll a:hover,#rightColumn .pageNav a:hover {
text-decoration:underline;
color:#000;
}

#vertnav li ul li a,#vertnav li ul li ul li a {
text-align:left;
}

#vertnav ul ul,#vertnav ul ul ul {
display:none;
left:14.4em;
position:absolute;
top:1px;
}

#vertnav li li li,#vertnav li li li li,#vertnav li li li li li {
width:15em;
}

#vertnav li:hover ul ul,#vertnav li:hover ul ul ul {
display:none;
}

#vertnav li:hover ul,#vertnav ul li:hover ul,#vertnav ul ul li:hover ul {
display:block;
}

/* my_project_manual css */
.entry_leftcol {
	width:120px;
}
.entry_rightcol {
	padding-top:5px;
	padding-bottom:5px;
}
.entry_field {
	width:240px;
}
