/*  tech Page and subpages  */ 
  

       #hdr .top ul li.custLogin a{
      	  color: #5C1C7A
      		}
      		
      		
       #nav ul li.doc a.main {
      		height:38px;
      		background: #f55800 url(../images/BT_document_active.gif) no-repeat;
      		margin-top:-12px;
      		border-top:1px solid #fff;
      		color:#fff;
      		line-height:38px;
      		}




        #main a:hover{
          /*background-color:#c298db;
          border-bottom:0 */
        }
        
      /*  -------------  breadcrumb -----------------  */     
                         
        #bc li {
          background: transparent url(../images/arrow_orange.gif) 0px 5px no-repeat;
          margin-left: 0;
          padding:0 14px 0 10px
        }             
      
        
         #titleBar h2 {
          color: #5C1C7A; 
        }      		

        
         #col_wrapper .l {
          padding:20px 0    
        }

         #col_wrapper a {
            /*border-bottom:1px dotted;*/
        } 
                

         #col_wrapper .l p.intro {
          padding:10px 0;
          font-size:15px;
        }

                                               
         #col_wrapper .l p {
          padding:10px 0;
          font-size:1em
        }

                            
         #col_wrapper h3 {
      		padding-top:6px;
      		clear:both;
      		color:#2d2d2d;
      		font-size:18px;
      		font-weight:normal;
      		line-height:1.2em
      		}

        /* #template_1 #col_wrapper .r{
         margin-top:0   
        }*/
        
         #col_wrapper .r .twr a{
          border:0;   
        }
                
         #col_wrapper .r .twr{
          text-align:center;   
          overflow:auto;
          zoom:1;    
        }

         #col_wrapper .r .twr .top{
          background:transparent url(../images/narrow_top_purple.jpg) no-repeat;
        }

        
        /*form*/
        #form_wrapper{
          position:relative;
        }
        
        .wrapper form{
        padding:20px 0;
        display:block;
        overflow:visible;
        color:#575757;
        }


        .wrapper form label.highlighted {
            background:transparent url(../images/required_symbol.gif) right 8px no-repeat;
			width:130px;
          }          

        .wrapper .key {
             background:transparent url(../images/required_symbol.gif) left center no-repeat;
             padding: 6px 0 10px 20px;
             font-size:0.917em
          } 
          
      .wrapper .errorMsg {
          visibility:hidden;
          height:20px;
          color:red;
          padding: 10px 0 ;
          font-weight:bold;
        } 
                              
        .wrapper form .row label, .wrapper form .row input{
          float:left;
          display:inline;
        }
        .wrapper form .row label, .wrapper form .row input.checkbox{
          float:left;
          display:inline;
        }
        .wrapper form .row input.error, .wrapper form .row select.error {
            border:solid red 2px;
          } 
          
        .wrapper form .row select{
          height:23px
          } 
                    
        .wrapper form .row input, .wrapper form .row select{
         background:transparent url(../images/inputfield_tile_bg.gif) repeat-x;
        }

        .wrapper form .row select option{
            background:#fff
        }

        .wrapper form .row select option{
          padding:2px
          } 
                    
          .wrapper form .row label{
          padding: 4px 20px 3px 0;
          width:130px;

          }          

         .wrapper form .numbers{
          padding: 10px 0 10px 154px

          } 

          #confirmation {
            border:2px solid #E4E4E4;
            min-height:100px;
            margin:60px 0;
            padding:20px
          }         

          #confirmation h4{
            font-size:20px;
            line-height:28px;
            padding:40px 0
          }

input#submit {
float:right;
padding:15px;
}
                
          #loader{
            position:absolute;
            left:250px;
            top:250px;
            display:none
          }         
        /*  end doc Page  and subpages */ 
        
        /**/



.requiredField {
border:1px solid gray;
height:20px;
margin-left:4px;
width:400px;
}
.notrequired {
border:1px solid gray;
height:20px;
margin-left:4px;
width:400px;
}
.notrequiredCheck {
border:0;
margin-left:4px;
}
.wrapper form .row label.error {
color:#f00;
font-weight:bold;
font-style:italic;
clear:both;
margin-top:5px;
text-align:left;
}

			#hdr .top ul li a:hover {
				border-bottom:4px solid #722c9e;
				color:#722c9e;
			}

			#template_1 #titleBar ul li a:hover {
				color:#722c9e;
				background:none;
				text-decoration:none;
			}



div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
  float: left;
  width: 130px;
  }

div.row span.formw {
  float: right;
  width: 400px;
  text-align: left;
  } 
div.row span.formw fieldset {
border:0;
}
div.row span.formw fieldset label {
display:block;
width: 400px;
}
#brochures label.error {
	display: none;
}







#links, #videos, #upcoming {
	padding:20px 0;
}
#links ul, #videos ul, #upcoming ul {
        list-style-type: none;
        width: 400px;
		background:#fff;
} 
#videos ul, #upcoming ul {
	width:500px;
}

#links li {
		height: 35px;
		text-align:left;
}


#links li a  { 
		background: url('../images/doc/icon_pdf.png') no-repeat 0px 8px;
		text-align:left;
		padding:8px 0 0 0;
        color: #323232;
        text-decoration: none;
		padding-left:28px;
		font-size: 14px;
		text-align:left;
		display:block;
		position:relative;
		width:550px;
		height:26px;
		border-bottom: #ccc 1px solid;
}
#videos li a,  #upcoming li a { 
		background: url('../images/doc/icon_pdf.png') no-repeat 0px 8px;
		text-align:left;
		padding:8px 0 0 0;
        color: #323232;
        text-decoration: none;
		padding-left:28px;
		font-size: 14px;
		text-align:left;
		display:block;
		position:relative;
		width:500px;
		border-bottom: #ccc 1px solid;
		padding-bottom:10px;
		min-height:70px;
}
#links li.last a, #links li.last a:hover{
	border-bottom:none;
}
 * html #links li a,  * html #videos li a,  * html #upcoming li a {  /* make hover effect work in IE */
	height:35px;
	width:400px;
}

#links li a:hover, #videos li a:hover, #upcoming li a:hover {
        background: #f7f7f7 url('../images/doc/icon_pdf_rollover.png')  no-repeat 0px 8px;
		color: #470f6a;
		border-bottom: #ccc 1px solid;
}

#links li span.float, #videos li span.float, #upcoming li span.float {
	float:right;
	font-size:12px;
	color:#7d7d7d;
	background: url('../images/doc/arrow_small.gif') no-repeat right 6px;
}




#button {
font-family: Trebuchet MS ,Arial, Helvetica, Sans-serif;
font-size: 15px;
-moz-border-radius:4px 4px 4px 4px;
border-radius: 4px;
background-color:#efefef;
border:1px solid #dddddd;
clear:both;
color:#FFFFFF;
display:block;
height:30px;
line-height:30px;
margin-bottom:10px;
padding-left:10px;
text-decoration:none;
width:250px;

}
#loginFormLoad, #regFormLoad, #fileDetails, #errorLogin, #errorReg {
	display:none;
}
#fileDetails {
	margin-top:20px;
	float:right;
}
#fileDetails a, #fileDetails a:hover {
color:#7e7e7e;
text-decoration:none;
	border-bottom:none;
	line-height:1.75em;

}
#fileDetails a:hover {
	text-decoration:underline;
}
#fileInfoTop {
	height:88px;
	width: 410px;
	-moz-border-radius:4px 4px 0px 0px;
	border-radius: 4px;
	border:1px solid #dddddd;
	padding: 18px 0 0 0px;
	text-align:left;
	background:#fff;
	margin: 0 5px 0 5px;
}
#fileInfoTop img {
	float:left;
	margin-right:18px;
	margin-left:19px;
}
#fileInfoBottom, #fileInfoWatch {
	height:54px;
	width: 410px;
	-moz-border-radius:0px 0px 4px 4px;
	border-radius: 4px;
	border:1px solid #dddddd;
	border-top:none;
	text-align:right;
	background:#fff;
	margin: 0 5px 0 5px;
}
#fileInfoBottom a.downloadLink, #fileInfoWatch a.downloadLink {
	margin-top:15px;
	width:217px;
	height:33px;
	display:block;
	background: url("../images/doc/download_arrow_03.jpg");
	float:right;
	border-bottom:none;
}
 #fileInfoWatch a.downloadLink {
	background: url("../images/doc/watch_now_arrow.jpg");
 }
#fileInfoBottom a.downloadLink:hover, #fileInfoWatch a.downloadLink:hover {
	background: url("../images/doc/download_arrow_over_03.jpg");
		border-bottom:none;
}
#fileInfoWatch a.downloadLink:hover {
	background: url("../images/doc/watch_now_arrow_over.jpg");
}
#fileInfoTop .title {
	font-size:14px;
	font-weight:bold;
}
#fileInfoTop .type{
	font-size:13px;
}
#template_2 #col_wrapper {
padding:0;
}
#titleBar.lc {
background:none repeat scroll 0 0 transparent;
}

#titleBar.lc h2 {
background:none repeat scroll 0 0 #FFFFFF;
border-right:1px solid #E4E4E4;
border-top:1px solid #E4E4E4;
display:inline;
font-size:22px;
left:0;
line-height:38px;
padding:0 18px;
position:absolute;
top:3px;
}
#template_2 #col_wrapper {
padding:0;
position:relative;
width:100%;
}
#template_2 #titleBar {
border-bottom:1px solid #E4E4E4;
clear:both;
height:40px;
overflow:visible;
position:relative;
width:780px;
}
#template_2 #content {
padding:35px 24px 0;
position:relative;
}
#titleBar h2 {

font-weight:normal;
}
#downloadInfo, #downloadContainer {
	float:left;
	text-align:left;
	width:290px;
}
#downloadContainer {
	background:#f7f7f7;
	width:450px;
}
#downloadInfo {
	margin-right:40px;
}
#titleBar {
background:none;

}
#template_2 #content {
overflow:hidden;

}
#loginForm, #regForm {
	margin-left:20px;
	margin-right:20px;
	font-size:12px;
}
#loginForm {
	margin-bottom:50px;
}
#loginForm span.title, #regForm span.title {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #E4E4E4;
border-bottom:none;
font-size:16px;
padding:0 18px 0 10px;
line-height:20px;
font-weight:bold;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
#downloadInfo img, #loginForm {
	margin-top:20px;
}
#mailform, #regform {
border:1px solid #E4E4E4;
background:#fff;
-webkit-border-radius: 4px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 4px;
-moz-border-radius-topleft: 0;
border-radius: 4px;
border-top-left-radius: 0;
}
#mailform .field, #regform .field {
	margin-left:10px;
	clear:both;
	padding-top:10px;
}
#mailform .fieldRight, #regform .fieldRight {
	margin-top:10px;
	margin-left:10px;
	text-align:right;
    padding:15px
}
#regform .field span.label {
float:left;
width:102px;
}
div#info {
	display:none;
	margin:20px 0;

}
#regForm label.error {
	display:block;
	color:red;
	margin-left:110px;
}
#loginForm label.error {
	display:block;
	color:red;
	margin-left:40px;
}
.requiredF {
	float:right;
}
#docTitle {
	margin-left:20px;
}
fieldset {
    border: 0 none;
	width:230px;
}
span.formw {
	float:left;
}
	#hdr .top ul li a.sn:hover {
	border-bottom:none;
	text-decoration:none;
	}
.demoDisplay li {float:left; margin-right:5px;margin-bottom:20px;padding:20px;}
.demoDisplay li:hover {background: #6f6f6f;color:#ffffff;}
#col_wrapper  .demoDisplay li a {border-bottom:none}

.topics {
    float: left;
	display:block;
    overflow: visible;
    padding: 20px 0 1px 20px;
	list-style: disc;
}
.topics li {
	margin-bottom:10px;
}