/***********************************************/
/* brx configurator.css                      */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

input[type="radio"]{
    vertical-align: -2px;
}

.Head{
	color: #303030;
	font-size: 30px;
	font-weight: bold;
	vertical-align: top;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-left:15px; 
	padding-top:15px; 
	padding-right:10px; 
	padding-bottom:20px;
}

.partnumbers {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
.pricing {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #2F4286;
	padding-top: 5px;
	padding-bottom: 5px;
}
.modulespecs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.modulelinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
}
.featurelong {
	padding-left: 10px;
	width: 1000px;
	float: left;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	padding-bottom: 5px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin-left: 10px;
	margin-top: 10px;
}
.featurelong2 {
	padding-left: 10px;
	width: 1200px;
	float: left;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	padding-bottom: 5px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin-left: 10px;
	margin-top: 10px;
}
#siteInfo2 {

	clear: both;
	font-size: 75%;
	color: #cccccc;
	margin-top: 0px;
	width: 1280px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #cccccc;
	border-bottom-color: #cccccc;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #FFFFFF;
	margin-left: 30px;
	position: absolute;
	top: 1115px;
}
#siteInfo2 img {

	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}
#rightcolumn2 {

	width: 1500px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #FFFFFF;
	height: 925px;
	position: absolute;
	margin-left: 195px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-position: center;
}
#sectionLinks2 {
	width: 160px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	position: absolute;
	height: 700px;
}
.modulespecsdetails {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding-top: 10px;
	padding-bottom: 5px;
}
#siteInfo3 {
	clear: both;
	font-size: 75%;
	color: #cccccc;
	margin-top: 0px;
	width: 1500px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #cccccc;
	border-bottom-color: #cccccc;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #FFFFFF;
	margin-left: 30px;
	position: absolute;
	top: 1790px;
	left: 0px;
}
#siteInfo3 img {


	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}
#siteInfo7 {
	clear: both;
	font-size: 75%;
	color: #cccccc;
	margin-top: 0px;
	width: 1500px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #cccccc;
	border-bottom-color: #cccccc;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #FFFFFF;
	margin-left: 30px;
	position: absolute;
	top: 1980px;
	left: 0px;
}
#siteInfo7 img {


	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}
#rightcolumn3 {


	width: 1500px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #FFFFFF;
	height: 1600px;
	position: absolute;
	margin-left: 195px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-position: center;
}
#rightcolumn6 {


	width: 730px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #FFFFFF;
	height: 1800px;
	position: absolute;
	margin-left: 195px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-position: center;
}
#sectionLinks3 {


	width: 160px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	height: 1600px;
	position: absolute;
}

div#qTip {
 padding: 3px;
 border: 1px solid #666;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #999;
 color: #FFF;
 font: bold 9px Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
}
.mainclicksoftware {
	position: absolute;
}
#siteInfo4 {
	clear: both;
	font-size: 75%;
	color: #cccccc;
	margin-top: 0px;
	width: 1500px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #cccccc;
	border-bottom-color: #cccccc;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #FFFFFF;
	margin-left: 30px;
	position: absolute;
	top: 1460px;
	left: 0px;
}
#siteInfo4 img {
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}
#rightcolumn4 {
	width: 1500px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #FFFFFF;
	height: 1000px;
	position: absolute;
	margin-left: 195px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-position: center;
}
#sectionLinks4 {
	width: 160px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	height: 1000px;
	position: absolute;
}
.featurefull {
	padding-left: 10px;
	width: 1200px;
	float: left;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	padding-bottom: 5px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin-left: 5px;
	margin-top: 10px;
}
#rightcolumn5 {
	width: 1200px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #FFFFFF;
	height: 1270px;
	position: absolute;
	margin-left: 195px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-position: center;
}
#rightcolumn5long {
	width: 1200px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #FFFFFF;
	height: 1800px;
	position: absolute;
	margin-left: 195px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-position: center;
}
#rightcolumn5x {
	width: 1200px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #FFFFFF;
	height: 1270px;
	position: absolute;
	margin-left: 195px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-position: center;
	top: 194px;
}
#rightcolumn6 {
	width: 1025px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #FFFFFF;
	height: 1500px;
	position: absolute;
	margin-left: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	background-position: center;
	left: 58px;
	top: 87;
}
#sectionLinks5 {
	width: 160px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	height: 1270px;
	position: absolute;
}
#sectionLinks7 {
	width: 160px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	height: 1800px;
	position: absolute;
}
#siteInfo5 {
	clear: both;
	font-size: 75%;
	color: #cccccc;
	margin-top: 0px;
	width: 1280px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #cccccc;
	border-bottom-color: #cccccc;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #FFFFFF;
	margin-left: 30px;
	position: absolute;
	top: 1190px;
}
#siteInfo5 img {
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}
/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#000;border:2px double #fff;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }
.floatingrectangle {
	border: medium solid #344e9a;
	position: absolute;
	height: 14px;
	width: 165px;
	top: 1245px;
	right: 915px;
	left: 240px;
	clip: inherit;
}
.floatingrectangle2 {
	border: medium solid #344e9a;
	position: absolute;
	height: 14px;
	width: 165px;
	top: 1245px;
	right: 915px;
	left: 240px;
}
.floatingrectangle3 {
	border: medium solid #344e9a;
	position: absolute;
	height: 18px;
	width: 18px;
	top: 1245px;
	right: 915px;
	left: 240px;
}
.floatingrectangle4 {
	border: medium solid #344e9a;
	position: absolute;
	height: 56px;
	width: 152px;
	top: 1245px;
	right: 915px;
	left: 240px;
}
.floatingbutton {
	border: medium solid #344e9a;
	position: absolute;
	height: 14px;
	width: 40px;
	top: 1245px;
	right: 915px;
	left: 240px;
	background-color: #0000FF;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
}
#siteInfo6 {

	clear: both;
	font-size: 75%;
	color: #cccccc;
	margin-top: 0px;
	width: 880px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #cccccc;
	border-bottom-color: #cccccc;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #FFFFFF;
	margin-left: 30px;
	position: absolute;
	top: 1300px;
}
#siteInfo6 img {

	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}
.divcolumnsTitle{
	padding-top:12px; 
	padding-bottom:2px; 
	float:left; 
/*	background-color:#FFFFFF; */
	width:30px;
}
.divcolumnsRack{
	padding-top:12px; 
	padding-bottom:2px; 
	float:left; 
/*	background-color:#F5F5F5; */
	width:50px;
}
.divcolumnsPS{
	padding-top:12px; 
	padding-bottom:2px; 
	float:left; 
/*	background-color:#F5F5F5; */
	width:99px;
}
.divcolumnsCPU{
	padding-top:12px; 
	padding-bottom:2px; 
	float:left; 
/*	background-color:#F5F5FF;*/
	width:78px;
}
.divcolumnsOdd{
	padding-top:12px; 
	padding-bottom:2px; 
	float:left; 
/*	background-color:#F5F5F5;*/
	width:56px; 
	display:none;
}
.divcolumnsEven{
	padding-top:12px; 
	padding-bottom:2px; 
	float:left; 
/*	background-color:#F5F5FF;*/
	width:56px; 
	display:none;
}

.titleheight{
	position:relative;
	height:270px;
	padding-top:15px;
}

.rackheight{
	position:relative;
	z-index:+10;
	padding-left:45px;
	height:270px;
	padding-top:0px;
/*	padding-bottom:15px;*/
}

.moduleheight{
	position:relative;
	z-index:+20;
	padding-left:0px;
	padding-top:0px;
	height:270px;
}

.ziplinkheight{
	position:relative;
	z-index:+4;
	top:25px;	
	padding-left:0px;
	padding-top:0px;
	height:61px;
}
.zipcableheight{
	position:relative;
	left:30px;
	z-index:+5;
	padding-left:0px;
	padding-top:0px;
	height:30px;
}

.zipbuttonheight{
	height:35px;
	vertical-align:top;
}	

.cpuheight{
	position:relative;
	z-index:+20;
	padding-top:0px;
	height:270px;
}

.chartHead1{
	font-family: Arial,sans-serif;
	margin: 0px;
	padding-top:10px;
	font-size: 8pt;
/*	color: #000000;*/
}
.chartData1{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 8px;
	font-weight: bold;
	/*color:#344E9B;*/
	height:15px;
	border-style: solid;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom-width: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.chartData1a{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 8px;
	font-weight: bold;
	/*color:#344E9B;*/
	height:25px;
	border-style: solid;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom-width: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.chartData2{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 10px;
	color: #334d55;
	height:25px;
	padding-top:5px; 
	padding-right:2px; 
	vertical-align:text-top;
	border-style: solid;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom-width: 1px;
}
.chartData2a{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 8px;
	color: #334d55;
	height:55px;
	padding-top:5px; 
	vertical-align:text-top;
	border-style: solid;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom-width: 1px;
}
.chartData3{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	height:25px; 
	padding-top:5px; 
	vertical-align:top;
	border-style: solid;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom-width: 1px;
}
.chartData4{
	font-family: Arial,sans-serif;
	margin: 0px;
	font-size: 7pt;
	font-weight: normal;
	color: #333333;
	height:25px; 
	padding-top:5px; 
	vertical-align:top;
	border-style: solid;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom-width: 1px;
}
.totalData1{
	font-family: Arial,sans-serif;
	margin: 0px;
	float:left;	
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
	height:20px; 
	padding-top:5px;
	padding-bottom:3px;
	padding-left:20px; 
 	padding-right:10px; 
	vertical-align:top;
	border-style: double;
	border-left: none;
	border-right:none;
	border-top-width:medium;
	border-bottom-width: medium;
	background-color:#F5F5F5;
}
.totalData2{
	font-family: Arial,sans-serif;
	margin:0px;
	float:left;	
	font-size:10pt;
	font-weight:bold;
	color:#333333;
	height:20px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:10px; 
 	padding-right:40px; 
	vertical-align:top;
	border-style: double;
	border-left:none;
	border-right:none;
	border-top-width:medium;
	border-bottom-width: medium;
	background-color:#F5F5F5;
}
.floatingBox1{
	font-family: Arial,sans-serif;
	font-size: 18px;	
	line-height: 1.66;
	margin: 0px;
	padding: 0px;
}
.floatingBox2{
	font-family: Arial,sans-serif;
	margin: 0px;
	font-size: 10pt;
	font-weight: normal;
	color: #333333;
	padding-top: 0px;
}
.floatingBox3{
	font-family: Arial,sans-serif;
	margin: 0px;
	font-size: 12pt;
	font-weight: bold;
	color: #334d55;
	padding-bottom: 4px;
}
.floatingSelectionBox{
	background-color:#D7FCD1;
	visibility: hidden;
	position: absolute;
	z-index: 20;
	border-color:#006600;
	border-style:solid;
	border-width:medium;
}
.floatingSelectionBoxInner{
	padding-left:10px;
	background-color:#D7FCD1;
	border-color:#006600;
	border-style:solid;
	border-width:medium;
}

.floatingSelectionBox2{
	visibility: hidden; 
	position: absolute;
	z-index: 20;
}


/*
input.btn { 
	color:#000000; 
	font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
	background-color:#00CCFF; 
	border: 1px solid; 
	border-color: #00FFFF #0000CC #0000CC #00FFFF; 
} 
input.btnhov { 
	border-color: #c63 #930 #930 #c63;
}

 BUTTONS 

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links 
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; *//* IE6 
}
.buttons button[type]{
    padding:5px 10px 5px 7px; *//* Firefox 
    line-height:17px; *//* Safari 
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; *//* IE7 
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}*/

/* STANDARD 

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

*//* POSITIVE 

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}
*/
/* NEGATIVE 

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}
*/