/* 

 *
------------------------------------------------------------------------------------- */

/* Reset
------------------------------------------------------------------------------------- */
body, div, ul, ol, li, p, h1, h2, h3, span, pre, a, img, blockquote, table, tbody, tfoot, thead, tr, th, td, pre, code { 
margin:0px; padding:0px; border:0 none; outline:0; vertical-align:baseline;}
ol, ul { list-style:none; }
input { margin:0px; padding:0px; }
:focus { outline:none; }

/* Helpers
------------------------------------------------------------------------------------- */
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.hide { display:none; }

/* Layout
------------------------------------------------------------------------------------- */
body {
	font:13px/18px Arial, Helvetica, sans-serif;
	color:#000000;	
	background:#f2f2f2 url(../images/body_bg.png) repeat-x 0 0;
}

a {
	outline:none;
	text-decoration:none;
	color:#1ca5ec;
}

a:hover { 
	color:#fff; 
	background-color:#006991; 
}

h1, h2 { 
	color:#454545; 
}

div#container {
	background:#fff url(../images/header_bg.jpg) 0 0 no-repeat;
	width:970px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	-moz-box-shadow:0 10px 10px 0 #333; -webkit-box-shadow:0 10px 10px 0 #333; box-shadow:0 10px 10px 0 #333;
	}

div#header {
	
	padding-top:206px;
	margin-left:16px;
	width:775px;
	height:209px;
	z-index:0;
	clear:both;
	overflow:auto;
}

div#header div.header_center {
	width:100%;
	margin:0px auto;
}

div#dude{
		width:245px;
		height:415px;
		position:absolute;
		top:0;
		left:709px;
		z-index:10000;
		background:transparent url(../images/iet_tech_guy.png) 0 0 no-repeat;
		}
		
div#logo{
		width:322px;
		height:125px;
		position:absolute;
		top:15px;
		left:16px;
		z-index:10000;
		
		}		
		
div#apply { 
width:195px;
height:39px;
display:block;position:absolute;
top:77px;
left:340px;
			-moz-border-radius-topleft: 15px;
			-moz-border-radius-bottomleft: 15px;
			-webkit-border-top-left-radius: 15px;
			-webkit-border-bottom-left-radius: 15px;
			border-top-left-radius:15px;
			border-bottom-left-radius:15px;
        }	
		
div#apply a img{ border:none;}	

div#apply a	{
	background:#24A1CA url(../images/apply_now_txt.png) left center no-repeat;
	width:195px;
	height:39px;
	display: block;
	
	 -moz-border-radius-topleft: 15px;
			-moz-border-radius-bottomleft: 15px;
			-webkit-border-top-left-radius: 15px;
			-webkit-border-bottom-left-radius: 15px;
			border-top-left-radius:15px;
			border-bottom-left-radius:15px;	
}

div#apply a:hover	{
	background:#006991 url(../images/apply_now_txt.png) left center no-repeat;
	display: block;
	width:195px;
	height:39px;
	 
	 -moz-border-radius-topleft: 15px;
			-moz-border-radius-bottomleft: 15px;
			-webkit-border-top-left-radius: 15px;
			-webkit-border-bottom-left-radius: 15px;
			border-top-left-radius:15px;
			border-bottom-left-radius:15px;	
}


div.column {
	float:left;
	clear:both;
	width:775px;
	height:412px;
}

div.loading {	
	background:url(../img/demo/spinner.gif) no-repeat 50% 50%;
}


div#demos {
	height:433px;
	padding-top:206px;
	margin-left:16px;
}

div#st_horizontal { 
	z-index:1000; 
}

div#st_vertical { 
	z-index:500; 
}

h1 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom:20px;
}

div#company{
	width:281px;
	float:left;
	height:400px;}
	



/* Accordian Content
------------------------------------------------------------------------------------- */
       div#acc{
		   float:left;
		   padding-left:20px;
  padding-top:10px;
  padding-bottom:25px;
	   }
	   
	    #acc_container{
            margin:0;
            padding:0;
            color:#000000;
			width:936px;
        }

        #acc_container a {
            display:block;
            font-weight:normal;
            text-decoration:none;
        }

        #acc_container ul {
            overflow: hidden;
            margin:0;
            padding:0;
        }

        #acc_container li {
            margin:0;
            padding:0;
            list-style-type:none;
        }

        #acc_container li a {
            
            padding-left:20px;
            display:block;
            color:#fff;
			font-size:20px;
            background:#24A1CA;
            line-height:40px;
			border-bottom:solid 3px #fff;
  
        }

        #acc_container li a.closed {
            color:#fff !important;
            background:#24A1CA;
        }

        #acc_container li.firstitem a.closed {
            color:#fff !important;
            background:#24A1CA !important;
        }
		
		#acc_container .roundedTop {
            -moz-border-radius-topright: 15px;
			-moz-border-radius-topleft: 15px;
			-webkit-border-top-right-radius: 15px;
			-webkit-border-top-left-radius: 15px;
			border-top-left-radius:15px;
			border-top-right-radius:15px;
            
        }
		
		#acc_container .roundedBottom {
			-moz-border-radius-bottomright: 15px;
			-moz-border-radius-bottomleft: 15px;
			-webkit-border-bottom-right-radius: 15px;
			-webkit-border-bottom-left-radius: 15px;
			border-bottom-left-radius:15px;
			border-bottom-right-radius:15px;
        }
		
		

        #acc_container li.lastitem a.closed {
			margin-bottom:25px;
            color:#fff !important;
            background:#24A1CA !important;
			-moz-border-radius-bottomright: 15px;
			-moz-border-radius-bottomleft: 15px;
			-webkit-border-bottom-right-radius: 15px;
			-webkit-border-bottom-left-radius: 15px;
			border-bottom-left-radius:15px;
			border-bottom-right-radius:15px;
        }

        #acc_container li li {
            padding:0;
			height:auto;
			
        }
		
		.accFix{
			border-left:solid 1px #ccc;
			border-right:solid 1px #ccc;
					}
		
		#acc_container .accContent{
			padding:20px 25px;
			overflow:auto;
			clear:both;
		}
		
		
		
		#acc_container .accContent .col{
			float:left;
		}
		
		#acc_container .accContent .col a{
			padding:0;
            color:#D70022;
			font-size:12px;
            background:transparent;
			display:inline;
            line-height: normal;
			border-bottom:none;
		}
		
		#acc_container .accContent .col a:hover{
			padding:0;
            color:#24A1CA;
			font-size:12px;
            background:transparent;
			display:inline;
            line-height: normal;
			border-bottom:none;
		}
		
		#acc_container .accContent .col ul {
            margin:10px 10px;
			padding:0;
        }
		
		#acc_container .accContent .col li {
            
            list-style-type: disc;
			margin:0 15px;
			padding:0 0 0 10px;
        }
		
		#acc_container li ul {
            padding:0;
			width:auto;
			background:#fff;
            
        }

        #acc_container li a.opened {
            background:#D70022;
			border:none;
        }

        #acc_container li.firstitem a.opened {
            background:#D70022;
            color:#FFFFFF;
        }

        

        #acc_container li.lastitem a.opened {
			margin-bottom:0px;
            -moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 0px;
			-webkit-border-bottom-right-radius: 0px;
			-webkit-border-bottom-left-radius: 0px;
			border-bottom-left-radius:0px;
			border-bottom-right-radius:0px;
        }
		
		#acc_container li.firstitem ul.accFix {
            
        }
		
		 #acc_container li.lastitem ul.accFix {
           
        }



/* Customize tabs
------------------------------------------------------------------------------------- */
div.customize_container {
	clear:both; /* IE6 fix */
	position:absolute;
	top:-46px;
	right:0px;
}

div#st_horizontal div.customize_container {
  z-index:200; 
}

div#st_vertical div.customize_container {
  z-index:150; 
}

ul.customize li {
	float:left;
}

ul.customize li p {
	padding-top:7px;
	padding-right:10px;
	color:#858585;	
}

ul.customize li a {
	display:block;
	text-indent:-9999px;
	height:29px;
	width:29px;
	border:1px solid #DADADA;
	background:#FFF url(../img/demo/icons.gif) no-repeat;
}

ul.customize li a.add {	
	background-position:-1px 0px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;	
}

ul.customize li a.add.btn_enabled:hover {
	background-position:-1px -29px;
}

ul.customize li a.remove {
	border-right:0 none;
	border-left:0 none;
	background-position:-31px 0px;	
}

ul.customize li a.remove.btn_enabled:hover {
	background-position:-31px -29px;
}

ul.customize li a.options {
	position:relative;
	background-position:-61px 0px;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	-moz-border-radius-topright:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-top-right-radius:3px;
	-webkit-border-bottom-right-radius:3px;	
}

div#st_horizontal ul.customize li a.options {
	z-index:10;
}

div#st_vertical ul.customize li a.options {
	z-index:10;
}

ul.customize li a.vert {
	position:relative;
	z-index:-1;	
}

ul.customize li a.options.btn_enabled:hover {
	background-position:-61px -29px;
}

ul.customize li a.options.active {
	border-color:#c1c1c1;
	border-bottom-color:#fff;
	background-position:-61px -29px;
	border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;	
}

ul.customize li a.btn_disabled {
	cursor:default;
	opacity:0.4;
	filter:alpha(opacity = 40);
}

/* Options box
------------------------------------------------------------------------------------- */
div.options_box {
	position:absolute;
	top:30px;
	right:0px;
	border:1px solid #c1c1c1;
	background:#F5F5F5;
	border-radius:3px;
	border-top-right-radius:0px;
	-moz-border-radius:3px;
	-moz-border-radius-topright:0px;
	-webkit-border-radius:3px;
	-webkit-border-top-right-radius:0px;	
}

div.options_box.show {
	display:block;
}

div.options_box ul li {
	float:left;
	padding-bottom:6px;	
}

div.options_box ul.opts_list {
	float:left;
	width:179px;
	padding:13px 0px 10px 20px;
}

div.options_box ul.opts_list ul li {
	float:left;
	margin-right:12px;
}

div.options_box label {
	display:block;
	float:left;
	padding-left:4px;
	line-height:12px;
}

div.options_box input {	
	float:left;
	height:14px;
	width:14px;
}

div.options_box select {
	width:162px;
	padding:2px;
	border:1px solid #ccc;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

div.options_box h2 {
	display:inline-block; /* IE fix */
	clear:both;
	font-size: 14px;
	font-weight: normal;
	width:173px;
	padding:12px 16px;
	border-bottom:1px solid #E8E8E8;
	background-color:#fff;	
}

div.options_box h2.content {
	border-top:1px solid #E8E8E8;
	border-bottom:1px solid #E8E8E8;
}

div.options_box h3 {
	width:159px;
	clear:both;
	padding-bottom:6px; 
	font-size:12px;
	font-weight:normal;
	color:#585858;
}

div.options_box div.save_cont {
	clear:both;
	padding:14px 20px;
	border-top:1px solid #E8E8E8;
	background-color:#fff;
}

div.options_box div.save_cont a.save_btn {
	display:block;
	width:163px;
	padding:5px 0px;
	border:1px solid #bfbfbf;
	font-size:11px;	
	letter-spacing:2px;
	text-transform:uppercase;
	color:#303030;
	text-align:center;
	background:#E6E6E6;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

div.options_box div.save_cont a.save_btn:hover {
	color:#fff;
	background:#353535;
}

/* Tooltip
------------------------------------------------------------------------------------- */
div.tooltip {
	display:none;
	position:absolute;
	text-align:center;
	font-size:10px;
	line-height:normal;
	color:#fff;
	z-index:100000;
	opacity:0.85;
	filter:alpha(opacity = 85);
}

div.tooltip p {
	padding:6px 8px;
	background-color:#000;
	border-radius:2px;	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;		
}

div.tooltip div.tt_arrow {
	width:0px;
	height:0px;
	margin:0px auto;
  	border-left:4px solid transparent;
	border-right:4px solid transparent;
	border-top:4px solid #000; 
  	/* IE6-specific hacks */
	_border-left-color:white;
  	_border-right-color:white;
  	_filter:chroma(color=white);	
}

/* Documentation
------------------------------------------------------------------------------------- */
div#features {
	float:left;
}

div#features h1 {
	margin-bottom:8px;
}

div#features ul {
	float:left;
	width:375px;
	color:#828282;
}

div#features ul.f_right {
	margin-left:20px;
}

div#features ul li {
	margin-top:12px;
	padding-left:20px;
	background:url(../img/demo/list_bullet.gif) no-repeat 0px center;
}

div#features h3 {
	font-size:16px;
	font-weight:normal;
	color:#4e4e4e;
	margin-bottom:2px;	
}

div#docs {
	float:left;
	width:775px;	
	padding-top:109px;	
}

div#opts {	
	float:left;
	padding-top:109px;
}

div#opts_list {	
	border-top:1px solid #d8d8d8;
}

div#docs h1 {
	margin-top:30px;
}

div#docs h2 {
	font-size:16px;
	color:#333;
	font-weight:normal;
	margin-top:25px;
	margin-bottom:15px;	
}

div#docs h3 {
	font-size:15px;
	color:#4F4F4F;
	font-weight:normal;
	margin-top:25px;
	margin-bottom:15px;
}

div#setup {
	border-top:1px solid #d8d8d8;
}

div#setup ul.markup {
	margin:10px 0px;
}

div#setup ul.markup li, 
div#setup ul.notes li {
	padding-left:16px;
	background:url(../img/demo/list_bullet.gif) no-repeat 0px 7px;
}

div#setup ul.markup li {
	margin-bottom:4px;
} 

div#docs ul.notes li {
	margin-bottom:12px;
}

div#docs pre {	
	font-family:Consolas,monospace;
	width:769px;
	margin-top:15px;
  	padding:1px 3px;
	overflow:auto;
	background-color:#1f1f1f;	
}

div#docs code {
	font-family:Consolas,monospace;
	font-weight:bold;
	color:#333;
	padding:0px 1px;	
	background:#fff;	
}

div#docs code span.url {
	color:#ccc;
}

div#docs table {
	border-collapse:collapse;	
	margin-bottom:20px;
	width:100%;
}

div#docs th,
div#docs td {
	border-bottom:1px solid #e1e1e1;
	padding:9px 10px 10px 0;
	text-align:left;
}

div#docs table thead th {
	padding-bottom:6px;
}

div#docs code.option, 
div#docs th code {		
	padding:1px 2px;	
	color:#fff;
	background:#363636;
}

div#docs pre code {
	margin:0px;
	padding:0px;
	color:#fff;
	background:none;
}

div#docs table p {
	margin-top:4px;
}

/* Footer
------------------------------------------------------------------------------------- */
div#footer {
	border-top:1px solid #ccc;
	padding:15px 0px;
	font-size:12px;
	color:#7A7A7A;
	text-align:center;
}

