/*  Stylesheet for
	--------------------------
	TunnelOut
	--------------------------  */

/*	Colors
	--------------------------
	#ffffff			white background
	#2453b7			blue headers
	#7b7b7b			dark grey headers
	#6a6967			text
	#a9aaac			light text
	#e72f10			errors
	
	#ffc649			yellow links
	#ffaf00			yellow links rollover	
	--------------------------  */

/*  Classes  */

/* Forms */
	
	/* Header Form */
	.headerForm .line{float:left;}
	.headerForm .label{display:none;}
	.headerForm .iinput{float:left;width:160px;}	
	.headerForm .isubmit{float:left;}	
	.headerForm .iinput input{width:152px;background:#e7efed url(../img/background_input.gif) 100% 0 repeat-y;display:inline;padding:3px 4px 2px;line-height:17px;border:none;vertical-align:top;}
	
	
	
	/* Simple Form */
	.simpleForm{width:500px;float:left;}
	.simpleForm .line{margin-bottom:0.3em;}
	/* Line Elements */
	.simpleForm .label,.simpleForm .checkbox .iinput{float:left;width:170px;text-align:right;}/* Label Position */
	.simpleForm .iradio .label,.simpleForm .checkbox .label{width:auto;float:none;text-align:left;}
	.simpleForm .iradio .label{margin-left:20px;}
	.simpleForm .iinput,.simpleForm .iselect,.simpleForm .itextarea,
	.simpleForm .radio .iradio,.simpleForm .checkbox .label,
	.simpleForm .alignText,.simpleForm .errorBottom{margin-left:180px;}/*none inputs 135px?*/
	.simpleForm .text input,.simpleForm .password input,.simpleForm .file input{width:195px;/* out of 320px */}
	.simpleForm .date input{width:165px;/* out of 320px */}
	.simpleForm textarea{width:260px;font-family:verdana;}
	.simpleForm select[multiple]{height:6em;}
	
	.simpleForm .large_fcodes select{height:12em;min-width:200px}

	.simpleForm .large .label{display:none;}
	.simpleForm .large .itextarea{margin-left:0;padding-top:10px;}
	.simpleForm .large textarea{width:476px;height:20em;}
	/* Checkbox - aligned to right */
	.simpleForm .checkbox .iinput{margin-left:auto;}
	/* Radio Button - options aligned to right */
	.simpleForm .iradio{height:1.25em;}
	.simpleForm .iradio .iinput{float:left;width:20px;margin-left:auto;}
	.simpleForm .iradio .iinput input{display:block;}
	
	/* updates */
	.simpleForm div.update{padding:0.3em 0.3em 0 0.3em;}
	.simpleForm .update .label p{padding:0.3em;margin-bottom:0;}
	.simpleForm .update .updateBottom{border:1px solid #ffcc00;background:#fff8de;padding:0.3em;margin-bottom:0;width:252px;/* out of 370px */}
	.simpleForm .update .updateImage img{display:block;margin:1em auto;}

	.simpleForm .preview{margin-left:180px;padding:0.3em 0.3em 0;display:block;}
	.simpleForm .preview p{margin-bottom:0;}
	.simpleForm .preview .image{width:100px;padding-bottom:1em}
	.simpleForm .preview .image img{border:1px solid black;}

	.simpleForm .focusInput{border:2px solid blue;}
	.simpleForm .validInput{border:2px solid green;}
	.simpleForm .invalidInput{border:2px solid #ffe301;}
	.simpleForm .error{color:#ffe301;}
	
	/* Genral Styles */
	.sideForm{margin-bottom:1em;}
	.sideForm fieldset{padding-bottom:1em;}
	.sideForm .alignText{margin-left:100px;}
	.sideForm input,.sideForm textarea,.sideForm select{border:none;}
	
	/* Element Containers */
	.sideForm .line{float:left;width:280px;margin:2px 0;}
	.sideForm .password .label,
	.sideForm .file .label,
	.sideForm .text .label,
	.sideForm .textarea .label,
	.sideForm .select .label{float:left;width:100px;}
	.sideForm .select .other .label{float:left;width:auto;}	
	
	.sideForm .isubmit{margin-left:100px;}	
	.sideForm .iinput{float:left;width:160px;padding-right:20px;}
	.sideForm .itextarea{float:left;width:160px;padding-right:20px;}
	.sideForm .iselect{float:left;width:160px;padding-right:20px;}
	.sideForm .select .other{margin-left:300px;}
	.sideForm .select .other .iother{float:left;width:100px;margin-left:3px;}	
	
	
	.sideForm .checkbox{margin:0.5em 0;}
	.sideForm .checkbox .iinput{float:left;width:auto;min-width:0;padding-top:2px;padding-right:15px;margin-right:0px;}
	
	.sideForm .radio{margin:0.5em 0;}
	.sideForm .radio .radioButtons .iradio{clear:left;}
	.sideForm .radio .radioButtons .iinput{float:left;width:auto;min-width:0;padding-top:2px;padding-right:5px;margin-right:0px;}
	
	
	/* Form Elements*/
	.sideForm .file .iinput input,
	.sideForm .password .iinput input,
	.sideForm .text .iinput input{background:#e7efed url(../img/background_input.gif) 100% 0 repeat-y;display:block;padding:4px 0;width:100%;}
	.sideForm .itextarea textarea{background:#e7efed url(../img/background_input.gif) 100% 0 repeat-y;display:block;width:152px;padding:4px;height:6em;}
	.sideForm .iselect select{background:#e7efed url(../img/background_input.gif) 100% 0 repeat-y;display:block;padding:2px;width:100%;}
	.sideForm .select .other input{background:#e7efed url(../img/background_input.gif) 100% 0 repeat-y;display:block;padding:4px;width:100%;}
	
	/* Icon and errors*/
	.sideForm .errorBottom{margin:0 0 0 100px;}	
	.sideForm .errorBottom p{margin-bottom:0;line-height:1.6em;}
	.sideForm .iconPass{background:url(../img/icon_pass.gif) 98% 4px no-repeat;}
	.sideForm .iconFail{background:url(../img/icon_fail.gif) 98% 4px no-repeat;}
	.sideForm .iconFocus{background:url(../img/icon_focus.gif) 98% 4px no-repeat;}
	
	

	/* Menu Form */
	.menuForm{padding:1em 0;width:100%;float:left;}/* Width 224px */
	.menuForm .line{margin-bottom:0.3em;}
	/* Line Elements */
	.menuForm .label,.menuForm .checkbox .iinput{font-weight:bold;color:#ffffff;float:left;width:70px;text-align:right;}/* Label Position */
	.menuForm .radio .label p{font-weight:bold;color:#ffffff;}
	.menuForm .iradio .label,.menuForm .checkbox .label{width:auto;float:none;text-align:left;}
	.menuForm .iradio .label{margin-left:20px;}
	.menuForm .iinput,.menuForm .iselect,.menuForm .itextarea,
	.menuForm .radio .iradio,.menuForm .checkbox .label,
	.menuForm .alignText,.menuForm .errorBottom{margin-left:90px;}/*none inputs 135px?*/
	.menuForm .text input,.menuForm .password input,.menuForm .file input{width:104px;/* out of 320px */}
	.menuForm .date input{width:74px;/* out of 320px */}
	.menuForm .checkbox .iinput{margin-left:0;width:30px;}
	.menuForm .checkbox .label{margin-left:35px;}
	.menuForm textarea{width:104px;font-family:verdana;}
	.menuForm select[multiple]{height:6em;}
	/* Radio Button - options aligned to right */
	.menuForm .iradio{height:1.25em;}
	.menuForm .iradio .iinput{float:left;width:20px;margin-left:auto;}
	.menuForm .iradio .iinput input{display:block;}
	
/* Tables */
	/* Simple Table */
	.simpleTable{width:100%;margin-bottom:1em;}
	.simpleTable caption{text-align:left;font-size:0.75em;padding:0.5em;}
	.simpleTable th{background:#ffc649;text-align:left;border-right:1px solid #ffffff;border-top:1px solid #999999;}
	.simpleTable th,.simpleTable td{border-bottom:1px solid #999999;padding:5px 7px;}
	.simpleTable tfoot td{background:#f91270;border-right:1px solid #ffffff;border-top:3px double #999999;}

	.simpleTable .c1{font-weight:bold;}
	.simpleTable .clast{border-right:none;}
	.simpleTable .deleted{background:#f8e2e2;}
	.simpleTable .cd_user_image{width:20px;}
	
	.simpleForm .simpleTable .label{display:none;width:auto;margin:0;padding:0;}
	.simpleForm .simpleTable .iinput{width:auto !important;margin:0 !important;padding:0 !important;}

	/* Simple Vertical Table */
	.simpleVerticalTable{width:100%;margin-bottom:1em;}
	.simpleVerticalTable caption{text-align:left;font-size:0.75em;padding:0.5em;}
	.simpleVerticalTable th{background:#b8c3c9;text-align:right;border-right:1px solid #999999;width:25%;}
	.simpleVerticalTable th,.simpleVerticalTable td{border-bottom:1px solid #999999;padding:5px 7px;}
	.simpleVerticalTable tfoot td{background:#b8c3c9;border-right:1px solid #ffffff;border-top:3px double #999999;}

	.simpleVerticalTable .c1{font-weight:bold;}
	.simpleVerticalTable .clast{border-right:none;}
	.simpleVerticalTable .deleted{background:#f8e2e2;}

/* Lists */

	/* Simple List */
	.simpleList{margin-bottom:1em;}
	ul.simpleList li{margin-bottom:0.4em;padding-left:20px;background:url(../img/bullet_blue.gif) 4px no-repeat;}
	
	.simpleList li.last{margin-bottom:0;}
	ol.simpleList{padding-left:1.35em;}
	ol.simpleList li{margin-bottom:0.2em;padding-left:0;list-style:outside decimal;}
	dl.simpleList dt{float:left;width:8em;padding-top:0.3em}
	dl.simpleList dd{margin-left:8em;padding-top:0.3em}

	/* Horizontal List */
	.horizontalList{margin-bottom:1em;}
	.horizontalList li{float:left;margin-right:0.4em;padding-right:0.4em;border-right:1px solid #181315;}
	.horizontalList li.last{margin-right:0;border-right:none;}
	

	/* Centered Horizontal List */
	.centeredList{margin-bottom:1em;text-align:center;}
	.centeredList li{display:inline;margin-right:0.5em;padding-right:0.5em;border-right:1px solid #e9e7d1;}
	.centeredList li.last{margin-right:0;border-right:none;}
	.centeredList li.active a{color:#322c68;}
	.centeredList li.active a:hover{color:#000;}

	/* Simple Link List */
	.simpleLinkList{}
	.simpleLinkList li{display:block;font-weight:bold;margin-bottom:0.6em;}
	.simpleLinkList li span{text-decoration:none;padding-right:8px;background:url(../img/bullet_yellow.gif) 100% 3px no-repeat;}
	
	.simpleLinkList a.noArrow{background:none;padding-right:0px;}
	.simpleLinkList a.backArrow{display:block;margin-top:2em;padding-left:8px;background:url(../img/bullet_left_yellow.gif) 0 2px no-repeat;padding-right:0px;}
	.simpleLinkList a.popup{background:url(../img/bullet_popup.gif) 100% 1px no-repeat;padding-right:25px;}
	.simpleLinkList a.download_pdf{background:url(../img/bullet_download_pdf.gif) 100% 0px no-repeat;padding-right:27px;padding-top:3px;;}
	
	.simpleLinkList .simpleLinkList{margin-left:1.3em;margin-top:1em;}
	
	.sideMenu li{margin-bottom:1em;}
	.sideMenu li a{text-indent:0 !important;;;}


	/* pagerLinkList */
	.pager{position:relative;margin-bottom:1em;}
	.pager li{font-weight:bold;}
	.pager li a{text-decoration:none;}
	.pager .pagerPrevious{float:left;}
	.pager .pagerPrevious li a{padding-left:8px;background:url(../img/bullet_left_yellow.gif) 0 3px no-repeat;}
	.pager .pagerNext{float:right;}		
	.pager .pagerNext li a{padding-right:8px;background:url(../img/bullet_yellow.gif) 100% 3px no-repeat;}
	.pager .pagerLinkList{margin:0 5em;text-align:center;display:block;position:relative;}
	.pager .pagerLinkList li{margin:0;display:inline;padding:0 0.3em;}
	

	/* stepList */
	.stepList{margin-bottom:1em;}
	.stepList .number{font-weight:bold;}
	
	/* actionList */
	.actionList li{padding:1em 0;}
	
	/* tabList */
	.tabList{position:relative;right:-70px;background:url(../img/line_right.gif) 100% 100% no-repeat;}
	.tabList ul{padding-right:70px;padding-left:70px;background:url(../img/line_left.gif) 0% 100% no-repeat;}
	.tabList ul li{float:left;background:url(../img/tab_right.gif) 100% 100% no-repeat;}
	.tabList ul li.active{background:url(../img/tab_active_right.gif) 100% 100% no-repeat;}
	.tabList ul li a{display:block;min-height:12px;padding:7px 22px 6px 10px;;background:url(../img/tab_left.gif) 0 100% no-repeat;text-decoration:none;}
	.tabList ul li.active a{padding-right:10px;background:url(../img/tab_active_left.gif) 0 100% no-repeat;}

/** Text Blocks **/

	
/** Item Grid **/
	.items{min-height:30em;}
	.itemRow{clear:left;}
		
	.itemRowSeperator{background:#ffffff url(../img/line_right.gif) 100% 0% no-repeat;}
	.itemRowSeperator .innerRow{background:url(../img/line_left.gif) 0% 0% no-repeat;padding:20px 0 15px;}	
	.itemRowSeperator .innerRow .mediumSection{margin:0px 0 0px;}
	/*padding:5px 0 0px;*/
	
	.itemCell{position:relative;left:-10px;float:left;width:220px;margin-right:20px;min-height:100px;}
	.itemCell .simpleLinkList{margin-bottom:0.4em;}
	.itemCell .productImage{position:relative;right:-10px}
	.itemCell .productPrice{margin-bottom:0;}

	/** Filter **/
	.filters{background:url(../img/background_filter_side.gif) 15px 100% no-repeat;padding-left:20px;;}
	
	.filterSection{margin-bottom:0em;width:184px;}
	.filterSection h2{color:#7b7b7b;margin:1em 5px 0.1em;padding:0 0 0 0.6em;line-height:2em;margin:1.5em 0 0 0;background:url(../img/background_filter.gif) 100% 0px repeat-y;border-bottom:1px solid #ffffff;}
	.sliderSection h2{margin: 0 0 0.5em 0.6em;padding:0;border:none;background:none;}
	.filterInfo{margin-top:1.5em;padding-lefT:0.6em;}

	.filterSection ul ul,.filterSection .slideBefore{position:relative;cursor:pointer;background:url(../img/bullet_slider.gif) 0px 0px no-repeat;}
	.filterSection .slideBefore{cursor:pointer;}
	.sliderSectionTop{position:relative;left:-4px;background:url(../img/background_filter_top.gif) 0px 0px no-repeat;height:15px;}
	.sliderSectionBottom{position:relative;left:-4px;background:url(../img/background_filter_bottom.gif) 0px 0px no-repeat;height:15px;margin-bottom:0.6em;}
	.filterSection .filterSlider{position:relative;border:1px solid #ffffff;overflow:hidden;padding-left:15px;background:url(../img/bullet_slider.gif) 0px -50px no-repeat;}
	.filterSection .filterSliderBack{background:url(../img/bullet_slider.gif) 0px 0px no-repeat !important;cursor:pointer;}
	
	.filterSection .sliderSectionInner1{zbackground:url(../img/background_filter_top.gif) 0px 0px no-repeat;}
	.filterSection .sliderSectionInner2{}
	.filterSection p{padding-left:15px }
	
	.filterSection ul{overflow:hidden;margin:0;z-index:1;position:relative;background:#ffffff;}
	.filterSection ul li{vertical-align:middle;position:relative;margin:0px 1px 1px 1px;background: url(../img/background_filter.gif) 100% 0 repeat-y;}
	.filterSection ul li.last{margin-bottom:0;}
	
	.filterSection ul li a{color:#2453b7;display:block;background:none;position:relative;padding:2px 0;}	
	.filterSection ul li.linkSlide{color:#2453b7;display:block;background:none;position:relative;padding:3px 0;}	
	.filterSection ul li.linkSlide a{padding:0px 0;}	
	
	.filterSection ul li.linkFilter{display:block;}
	.filterSection ul li.linkFilter a{padding-left:20px;text-decoration:none;}
	
	.filterSection ul li a.filter{background: url(../img/icon_filter_unchecked.gif) 4px 3px no-repeat;}
	.filterSection ul li.active a.filter{background: url(../img/icon_filter.gif) 4px 3px no-repeat;}
	
	.filterSection ul .linkEmpty,.filterSection ul .linkEmpty a{color:red !important;}
	.filterSection ul li.linkSlide{padding-left:6px;;display:block;cursor:pointer;background:transparent url(../img/background_slider.gif) 100% 0px no-repeat;}
	
	.sliderSection ul li.linkSlide:hover{background:transparent url(../img/background_slider.gif) 100% -50px no-repeat;}
	.filterSection ul li.linkFilter a:hover{background:transparent url(../img/background_slider.gif) 0 -50px no-repeat !important;;}
	.filterSection ul li.active a:hover{background:transparent url(../img/background_slider.gif) 0 -100px no-repeat !important;;}
	
	
	/* Hide the sub list*/
	.filterSection ul ul,.filterSection .slideBefore{z-index:1;left:160px;position:absolute;top:0em;padding-left:15px;display:block;}
	
	.sliderSection{width:178px;background: url(../img/background_slider_top.gif) 0 0 repeat-y;position:relative;left:-4px;padding:5px 5px 5px 5px;}
	.sliderSection h2{padding-top:0;}
	.linkSubOptions{display:none;}
	
	.infoSection{margin-bottom:0.6em;}
	.infoSection .info{float:right;margin-top:0;}
	
	.filterSlider  ul li{font-weight:bold;}

	.pagerLine{background:url(../img/line_right.gif) 100% 0% no-repeat;}
	.pagerLine .innerPagerLine{background:url(../img/line_left.gif) 0% 0% no-repeat;padding:10px 0 10px;}	
	

/** Images **/
	.center{display:block;text-align:center;margin-bottom:1em;}
	.center a{text-align:center;}
	.center a img{border:2px groove #666666;}
	
	.bannerImage{margin-bottom:1em;}
	.largeImage{margin-bottom:0.5em;}

/*  Typography  */
	/* Core elements */
	body{font-family:arial, verdana,tahoma,georgia,sans-serif;}
	h1{display:none;}
	h1{color:#000000;font-size:1.15em;margin-bottom:0.5em;margin-right:13em;/*For sharelinks and flash*/}
	h2{color:#000000;font-size:0.7em;margin-bottom:0.2em;line-height:1.1em;}
	h3{color:#878787;font-size:0.70em;margin-bottom:0.2em;line-height:1.1em;}
	h4{color:#878787;font-size:0.70em;}
	h5{color:#878787;font-size:0.70em;}
	h6{color:#878787;font-size:0.70em;}
	
	a{color:#181315;text-decoration:none;/*border-bottom:1px solid #ffffff;*/}
	a:visited{color:#181315;/*border-bottom:1px solid #cccccc;*/}
	a:hover{text-decoration:underline;/*border-bottom:1px solid #888888;*/}
	
	cite{color:#6a6967;zfont-size:0.70em;font-style:normal;}
	blockquote cite{font-size:0.70em;font-size:0.70em;}
	p,li,dt,dd,th,td,address,label{color:#6a6967;font-size:0.75em;font-style:normal;}
	address{margin-bottom:1em;}
	p{line-height:1.1em;margin-bottom:0.5em}
	p.intro{font-weight:bold;}
	p.intro a{font-weight:bold;}
	
	/* Font related classes */
	span.deleted{text-transform:uppercase;font-weight:bold;font-size:0.8em;}
	.key dt, .key dd{font-size:0.70em;}
	.label .error{color:#e72f10;}
	.error p,.error{color:#e72f10;}	
	.info,.smallInfo{font-size:0.65em;color:#a9aaac;}
	.info .range{color:#a9aaac;}
	.info .number{font-weight:bold;}
	
	#header li{text-transform:uppercase;}
	#header li a{vertical-align:0.2em;margin-top:-.3em;display:block;}
	#menu li{text-transform:uppercase;margin-bottom:1em;}
	#footer li{font-size:0.7em;}
	#footer li,#footer li a{color:#b2b1b1;}
	
	
	/* Common classes */
	.largeArea{padding:20px;background:#f7f5ef;}
	
	
	/* Site Template Fonts */
	


/*	Grid */	
	.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12{float:left;margin-right:20px; }
	
	.rightAlign{float:right;margin-left:20px;margin-right:0;}
	
	.col1{width:60px;}
	.col2{width:140px;}
	.col3{width:220px;}
	.col4{width:300px;}
	.col5{width:380px;}
	.col6{width:460px;}
	.col7{width:540px;}
	.col8{width:620px;}
	.col9{width:700px;}
	.col10{width:780px;}
	.col11{width:860px;}
	.col12{width:940px;margin-right:0;}
	
	.last{margin-right:0;}
	.row{clear:left;}
	
	 #sideRight .col2{width:120px;}
	 #sideRight .col3{width:200px;}
	 #sideRight .col4{width:280px;}
	 
	 #sideLeft .col2{width:120px;}
	 #sideLeft .col3{width:200px;}
	 #sideLeft .col4{width:280px;}
	
	.topLine{background:url(../img/narrow_line.gif) 0 0 no-repeat;padding-top:1px;}
	.bottomLine { background:#ffffff url(../img/narrow_line.gif) 0 100% no-repeat; padding-bottom:1.5em;}
	
/* Templates */
	/* Core */
	.coreTemplate{text-align:center;background:#ffffff;}
	.coreTemplate #pageWrap{text-align:left;margin:0 auto;}
	
	.coreTemplate #pageWrap,.coreTemplate #header,z.coreTemplate #menu,
	.coreTemplate #content,.coreTemplate #footer{margin-top:20px;margin-bottom:30px;}

	
	.coreTemplate #header{min-height:75px;width:940px;margin-left: auto;margin-right:auto;}
	.coreTemplate #header #topWidget{padding-left:20px;}
	.coreTemplate #content{width:940px;margin-left: auto;margin-right:auto;}
	
	.coreTemplate #content #sideLeft{min-height:25em;}
	.coreTemplate #content #sideLeft .innerSideLeft{}
	
	.coreTemplate #footer{width:940px;margin-left: auto;margin-right:auto;}
	.coreTemplate #footer .innerFooter{margin-top:-4.5em;}
	

	/* Detailed */
	#menu li a{position:relative;display:block;padding-bottom:7px;}
	#menu li a:hover{text-decoration:none;}
	#menu li a span{width:100%;height:7px;position:absolute;bottom:0;left:0;background:url(../img/site/spirt_lines.gif) left bottom no-repeat;}
	
	#menu li.drawn a span{background-position:0px 0px;}
	#menu li.made a span{background-position:-200px 0px;}
	#menu li.captured a span{background-position:-400px 0px;}
	#menu li.animated a span{background-position:-600px 0px;}
	#menu li.typed a span{background-position:-800px 0px;}
	#menu li.printed a span{background-position:-1000px 0px;}
	#menu li.published a span{background-position:-1200px 0px;}
		
	#menu li.drawn a:hover span{background-position: 0px -80px !important;}
	#menu li.made a:hover span{background-position: -200px -80px !important;}
	#menu li.captured a:hover span{background-position: -400px -80px !important;}
	#menu li.animated a:hover span{background-position: -600px -80px !important;}
	#menu li.typed a:hover span{background-position: -800px -80px !important;}
	#menu li.printed a:hover span{background-position: -1000px -80px !important;}
	#menu li.published a:hover span{background-position: -1200px -80px !important;}
	
	#menu li.drawn.active a span{background-position: 0px -160px !important;}
	#menu li.made.active a span{background-position: -200px -160px !important;}
	#menu li.captured.active a span{background-position: -400px -160px !important;}
	#menu li.animated.active a span{background-position: -600px -160px !important;}
	#menu li.typed.active a span{background-position: -800px -160px !important;}
	#menu li.printed.active a span{background-position: -1000px -160px !important;}
	#menu li.published.active a span{background-position: -1200px -160px !important;}
		
	#topWidget form#search,#topWidget #userBox{margin-bottom:0.3em}
	#topWidget form#search .label{display:none;}
	#topWidget form#search .line{float:left;}
	#topWidget #userBox .userLocked{padding-left:15px;background:url(../img/icon_locked.gif) 0 2px no-repeat;}

		
	#topMenu ul{margin-bottom:0;}




/* Page - Template  */