﻿
/*Login Box*/

/* fount in 2 places */
/* 2 controlrequest and loginbox .ascx */

.logincheckbox {
	font-size: 0.9em;
	display: block;
	text-align: left;
	float: left;
	width: 150px;
	padding: 4px 0px 0px 5px;
	margin-left: 37px;
	margin-top: 2px;
}

/*  2 controlrquest and loging box .ascx */
.loginboxheader
{
    font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px;
	padding: 3px 3px 0px 10px;
}
.loginboxlabel
{
    font-size: 0.9em;
	display: block;
	text-align: right;
	float: left;
	width: 75px;
	padding: 2px 12px 0px 0px;
}

/* 6 places - requestform and loginbox */
.loginboxinput {
	display: block;
	width: 175px;
	float: left;
	margin: 0px 0px 7px 0px;
}
.loginboxparagraph
{
    font-size: 14px;
	color: #145398;
	margin: 0px;
	padding: 10px 0px 15px 10px;
	text-align:left;
}
.loginboxbuttonsubmit
{
    width: 75px;
	margin: 0px 10px 0px 0px;
	float: right;
}
.loginboxregister {
	font-size: 14px;
	color: #145398;
	display: block;
	text-align: right;
	float: left;
	padding: 0px 0px 0px 10px;
	margin: 0px;
}
.loginboxbuttonregister {
	width: 75px;
	margin: 0px 10px 0px 0px;
	float: right;
}

/*Top Section*/

/* Configurators */

/*matrixbuilderconfig.aspx*/
#matrixbldrcontent {
	color: #333333;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
#matrixbldrcontent h1 {
	font-size: 36px;
	color: #1e4980;
	font-weight: normal;
	text-align: center;
	margin: 0px 25px 0px 0px;
	padding: 0px 0px 0px;
}
#matrixbldrcontent h3 {
	font-weight: normal;
	font-size: 18px;
	height: 40px;
	color: #1e4980;
	text-align: center;
	clear:both;
}
#matrixbldrcontent #matrixbldrtopcontent {
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	background-repeat: no-repeat;
	margin: 0px;
	width: 100%;
}

#matrixbldrcontent #matrixbldrbuttons {
	margin-top: 35px;
	margin-right: 0px;
	margin-left: 0px;
	height:300px;
}

#matrixbldrbuttons p {
	margin-right: 20px;
	margin-left: 20px;
}
#matrixbldrcontent #matrixbldrrow1 {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.matrixbldrbutton6w, .matrixbldrbutton6w1 {
	font-size: 11px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	height: 215px;
	width: 250px;
	float: left;
}
.matrixbldrbutton6w {
	/*background-image: url(/img/btn_divider.jpg);*/
	background-repeat: no-repeat;
	
}
.matrixbldrbutton6w p, .matrixbldrbutton6w1 p{
	margin: 0px;
	padding: 0px;
}

#matrixbldrcontent #matrixbldrbuttons h4 {
	font-size: 1.4em;
	line-height: 1.1em;
	font-weight: normal;
	color: #234B8C;
	margin: 0px;
	padding: 0px 4px;
	height:40px;
	cursor:pointer;
}
#matrixbldrcontent #matrixbldr p {
	padding: 0px 4px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #666666;
	line-height: 1.5em;
}
#matrixbldrcontent #matrixbldr h4 a {
    font-weight: normal;
    color: #234B8C;
}
#matrixbldrcontent #matrixbldr a:hover h4{
    font-weight: normal;
    color: #3671d1;
}

/* End configurator */


/* school */
#content {
	color: #333333;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
#content h1 {
	font-size: 24px;
	font-weight: normal;
	color: #234B8C;
	margin: 0px 25px 0px 0px;
	padding: 0px 0px 0px;
}

#content #topcontent {
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	background-repeat: no-repeat;
	margin: 0px;
	width: 100%;
}

/* scools image button */
#content #buttons {
	margin-top: 35px;
	margin-right: 0px;
	margin-left: 0px;
	height:300px;
}
/* schools row of button image links */
#content #row1 {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
/* school row width */
.button6w, .button6w1 {
	font-size: 11px;
	margin: 0px;
	padding: 0px 0px 0px 7px;
	height: 215px;
	width: 125px;
	float: left;
}

.button6w p, .button6w1 p{
	width: 109px;
	margin: 0px;
	padding: 0px;
}
.button6w {
	background-image: url(/img/btn_divider.jpg);
	background-repeat: no-repeat;
}
/* school button title */
#content #buttons h4 {
	font-size: 1.4em;
	line-height: 1.1em;
	font-weight: normal;
	color: #234B8C;
	margin: 0px;
	padding: 0px 4px;
	height:40px;
	cursor:pointer;
}

/* para */
#content #buttons p {
	padding: 0px 4px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #666666;
	line-height: 1.5em;
}

#content #buttons h4 a {
    font-weight: normal;
    color: #234B8C;
}

#content #buttons a:hover h4{
    font-weight: normal;
    color: #3671d1;
}

/* unable to search */
td .infoboxtop {
	background-image: url(img/infobox2_02.jpg);
	font-size: 1px;
	background-color: #0f4a8e;
	background-repeat: repeat-x;
}
	/* cannot find */
td .infoboxleft {
background-color: #f7f5ec;
border-left: solid 1px #e4dec8;
font-size: 1px;
}
/*unable to find */
td .infoboxright {
background-color: #f7f5ec;
border-right: solid 1px #e4dec8;
font-size: 1px;
}
/* unable to find */
td .infoboxbottom {
background-color: #f7f5ec;
border-bottom: solid 1px #e4dec8;
font-size: 1px;
}
/* login box ascx. */
.logincontent hr {
	color: #e4dec8;
	background-color: #e4dec8;
	border: 0;
	height: 1px;
	width: 95%;
}

/*------------------Custom GUI------------------------*/

#guicontainer {
   margin: 0;
   padding: 0;
   font-size: 1em;
   width: 780px;
}

#guicontainer h3 {
   font-size: 1.2em;
   color: #234B8c;
   margin: 0;
   padding: 10px 0 0 0;
}

#guicontainer h4{
   font-size: 1.2em;
   font-weight: bold;
   line-height: 1.1em;
   text-align: center;
   color: #234B8c;
   margin: 10px 4px;
   padding: 0px;
}

#guicontainer p {
   margin:0 0 10px 0;
}

#guicontainer li {
   line-height: 1.6em;
   margin: 0;
   padding: 10px 0 0 0;
}

#guicolumns {
   margin: 10px 0 0 0;
}

.guicolumnbody{
   line-height: 1.6em;
}

/* steps in customgui */
#guistep1 {
   width: 47%;
   float: left;
   padding: 0px 10px 0px 0px;
}

#guistep2 {
   padding: 0px 0px 0px 20px;
   width: 47%;
   float: right;
   border-left:1px solid #ccc;
}

#guistep3 {
   float: left;
   padding: 0px 10px 0px 0px;
}

#guistep4 {
   padding: 0px 0px 0px 20px;
   float: right;
   border-left:1px solid #ccc;
}

.guidownloadbox {
   background: url("/product/img/gui_downloadbox.jpg") no-repeat center top;
   width: 350px;
   height: 110px;
   text-align: center;
}

.guidlboxtext {
   width: 300px;
   color: #234B8C;
   margin: 0px 25px 0 15px;
   padding: 2px 18px 18px 10px;
   text-align: center;
}

* html .guidlboxtext {
   width: 300px;
   color: #234B8C;
   margin: 0px;
   padding: 0px;
   text-align: center;
}

.guiDownloadButton {
   background: url("/product/img/button_gray2.jpg") no-repeat center center;
   width: 310px;
   height: 27px;
   font-size: 11px;
   font-weight: bold;
   padding-top: 8px;
   margin: 0px;
}

* html .guiDownloadButton {
   background: url("/product/img/button_gray2.jpg") no-repeat center top;
   width: 160px;
   height: 30px;
   font-size: 11px;
   font-weight: bold;
   padding: 5px 0px 10px 0px;
   margin: 0px 0px 10px 0px;
}

.guifilesize {
   font-size: .8em;
   font-weight: normal;
   color: #888;
   padding: 0px 0px 35px 0px;
   margin: 0px;
}

* html .guifilesize {
   font-size: .8em;
   font-weight: normal;
   color: #888;
}

.guiclearfix:after {
   content: "."
   clear: both;
   height: 0;
   visibility: hidden;
   display: block;
}

.guiclearfix {
   display: inline-block; /*fixes IE-Mac */
}

.guiimageleft{
	PADDING-RIGHT: 15px;
	PADDING-LEFT: 15px;
	FONT-SIZE: 8pt;
	FLOAT: left;
	PADDING-BOTTOM: 15px;
	COLOR: #666666;
	PADDING-TOP: 15px;
	FONT-STYLE: normal;
	TEXT-ALIGN: center;
}

.requestformbuttonsubmit{
    margin: 0px 0px 0px 140px;
    float: left;
}


/*------------------Flash Ad------------------------*/



#container{	}
#container p{
	margin:0 15px 10px;
	}
#container a{
	color: #234a8b;
	text-decoration: none;
	border: 0;
	}
	
div#product{
	margin: 0 0 15px 0;
}

div#product h1{
	font-weight: strong;
	height:24px;
	line-height:20px;
	margin: 15px 0 0 0;
	color: #234a8b;
	text-align: center;
	font-size: 24px;
	}
	
div#product h2{
	font-weight: normal;
	line-height:40px;
	margin:0 20px;
	background: #234a8b;
	color: #ffffff;
	text-align: center;
	font-size: 28px;
	}

div#flash{
	text-align: center;
	margin: 15px auto 25px auto;
}

div#adcontent{margin: 10px 0 0 0;}
div#adcontent h3{
	font-size: 1.1em;
	color: #234a8b;
	margin: 0 0 0 15px;
	}
div#adcontent h4{
	color: #b21b09;
	margin: 0 0 10px 15px;
	}
div#adcontent p{
	line-height:1.4;
	padding: 0;
	}
div#adcontent li{
	margin: 0 0 10px 0px;
	}

.image {
	float: left;
	font-size: 9px;
	text-align: center;
	padding-right: 5px; 
	padding-bottom: 20px;
	}

.image p {
margin: 0px;
}


div#learnmore{
	background: #ffffff;
	float: right;
	width: 250px; 
	padding-bottom: 25px;
	}
	
div#learnmore h1, div#download h1{
	font-size: 18px;
	font-weight: normal;
	color: #cb7e32;
	margin: 0 0 15px 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	}
	
div#learnmore p, div#download p, div#download li{
	font-size: 10px;
	color: #333333;
	margin: 0 0 15px 15px;
	}
	
div#learnmore h2{
	font-size: 10px;
	color: #234a8b;
	margin:0 15px;
	}	
	
	
div#download{
	font-size: 10px;
	background:#ffffff;
	float: right;
	clear: right;
	width: 250px;
	}
	
div#download a{
	color: #234a8b;
	font-weight: bold;
	text-decoration: none;
	border: 0;
	}
	
div#footer{
	background: #333;
	color: #FFF;
	}
	
div#footer p{
	margin:0;
	padding:5px 10px;
	}

div#wrapper{
	float:left;
	width:100%;
	margin-left:-250px;
	}
	
div#adcontent{
	margin-left: 250px;
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-left: 10px;
	}
	
.iconlist{
	list-style: none;
	margin: 0;
	padding: 0 0 0 5px;
	}

li.pdf{
	background-image: url(/company/img/icon_pdf.gif);
	}

li.doc{
	background-image: url(/company/img/icon_doc.gif);
	}

li.dwg{
	background-image: url(/company/img/icon_dwg.gif);
	}

li.htm{
	background-image: url(/company/img/icon_htm.gif);
	}
	
li.pdf, li.doc, li.dwg, li.htm{
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 1px 0 1px 25px;
	margin: .4em 0;
	}
	
div#footer{
	clear:both;
	width:100%;
	}
	

	
	
	
/*------------------AVSD and Design Guides------------------------*/
/* cant find */
div#subscribebox {
	float:right;
	width:210px;
	font-size:11px;
	color:#626465;
	background-color:#e8eef1;
	border:solid 1px #c2cdd2;
	padding:10px 5px 0px 10px;
	margin:25px 15px;
	}
	
	/*cant search*/
div#guidecol {
	padding: 0px 42px 0px 0px;
	width: 225px;
	float: left;
	}	
	

