/*-----------------------------------------------------------------------------------------------------------------------*/
/*---
Global Support Centre
http://www.globalsign.com/support/index.php
Last Update: 24.12.08
Author: Joseph Chapman
Email: joseph_chapman@hotmail.com
--*/
/*-----------------------------------------------------------------------------------------------------------------------*/

html, body, ul, li { padding: 0; margin: 0; list-style: none;}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color:#000000;
text-align:center;/*CENTERS LAYOUT IN IE6*/
width:100%;
background: #f2f2f2;
}

#container {
text-align:left;/*OVERRIDES ALIGN:CENTER on BODY TAG FOR TEXT*/
margin:0 auto;/*CENTERS DESIGN IN FF AND IE7*/ 
width:800px;
background-color:#ffffff;
}

#cse-search-box-main{
	float:left !important;
	} 


#mainContent {background-color:#ffffff; padding:5px 13px 13px 13px; float:left;}
.fullpage #mainContent {padding:5px 11px 11px 11px;}

#wrapper {width:590px; padding:20px 20px 0px 20px; border:1px #dddddd solid; float:left;}
html>body #wrapper {width:550px;}/*FIREFOX*/

#fullpage_wrapper {width:777px; padding:20px; border:1px #dddddd solid;}
html>body #fullpage_wrapper {width:735px;}/*FIREFOX*/

#fullpage_wrapper h2 {padding-left:10px;}

#col_1 {float:left;}
#col_2 {float:right; width:162px; margin:0 0 0 20px;}
#footer {clear:both; padding:20px 0;}

/*CLEARS AND FLOATS*/
.float_right {float:right;}
.clear_both {clear:both;}
.clear_right {clear:right;}
.float_left {float:left;}

h1 {font-size:20px; padding:10px 0 10px 30px; margin:0;}
h2 {font-size:14px; padding:10px 0 10px 30px; margin:0;}
h5 {font-size:14px;}
img {border:none;}

/*-----------ALL HEADER STYLES------------*/
#header {float:left; width:800px; height:97px; background-color:#ffffff;}
#header_stuff {float:right;}
#header #logo {float:left; width:100px; margin:0 0 0 10px;}
#header ul#header_nav {float:right; width:270px; margin:10px 0px 10px 0px;}
#header ul#header_nav li {float:left;}
#header ul#header_nav li a {font-weight:normal; padding:3px 5px;}

/*----------ALL FORM STUFF IN HEADER-----------*/
/*
#header form {float:right; clear:both; width:415px; height:30px; margin:15px 15px 0px 0px;}
#header form p {float:left; margin:5px 2px;}
#header form label {float:left; margin:5px 2px;}
#header form .search_box {float:left; margin:1px 2px 0 1px;}
#header form #search_button {float:left;}
*/

/*---------ALL HORIZONTAL NAV-----------*/
ul#navigation {clear:both; background-color:#ffffff;}
ul#navigation li {float:left; margin:0 1px; width:158px;}/*FIREFOX*/
ul#navigation li a {text-align:center; font-weight:bold; font-size:13px; color:#ffffff; display:block; padding:3px 5px; background:#2139aa;}
ul#navigation li a:hover {background-color:#27327f;}


/*--------------------ANCHORS--------------------*/
a {text-decoration:none; color:#213aff;}
a:hover {color:#2777ff;}

#col_1 a:hover {text-decoration:underline;}

#mainContent #col_1 #wrapper p a {padding:0 0 0 12px; background:url(../images/circle_arrow.jpg) no-repeat left;}

#mainContent #col_1 #wrapper p a.sbp { background:none;font-size:14px;padding:none;}

#mainContent #col_1 #wrapper p a:hover {text-decoration:underline;}
/*----------------------------------------------*/


/*-----------SPECIFIC EXTRA STYLES--------------*/

hr {margin:20px 0; height:2px; background-color:#dddddd; color:#dddddd; border:0;}
hr.dashed {margin:10px 20px; height:2px; background-color:#ffffff;}

p.top_link {text-align:center; width:800px; padding:10px 0; margin:0;}
p {margin:10px; font-size:13px;}

#fullpage_wrapper ul {margin-left:10px;}
#fullpage_wrapper table {margin-left:10px;}

#mainContent .box_wrapper h3 {font-size:15px; padding:10px 10px 0 10px; margin:0;}
#mainContent .box_wrapper h3.vid-blue-title {font-size:15px; padding:10px 10px 0 10px; margin:0; color:#0E628C}
#mainContent .box_wrapper hr {width:85%; text-align:center; border:1px dashed #ddd;}

.fullpage #mainContent img {margin:20px 0;}
.answer-page p {margin-left:0;}
.answer-page #mainContent #col_1 ul li {margin-left:15px; list-style-type:disc;}
.answer-page #mainContent #fullpage_wrapper img {margin:20px 0;}

#mainContent div.config_file {margin:20px 30px;}
body.autocsr #fullpage_wrapper img {width:90%;}

strong.red {color:red;}
p.healthcheck_aid {padding:0 0 0 35px; background: url(/images/ssl-healthcheck.gif) no-repeat left top;}
div.cmd_line {background-color:#000000; color:#ffffff;}


/*-----ABOUT_INTERMEDIATES PAGE CERT PATH IMG-----*/
#cert_paths img {float:left; margin:0 0 20px 0;}
#cert_paths p.path_desc {float:right; width:250px;}

/*----------------------------------------------------LIST STYLES--------------------------------------------------------*/

ol {margin:0 0 0 30px; padding:0 0 0 0;}
ol li {list-style:decimal; margin:0; padding:3px 0;}
ol ol.alpha li {list-style-type:lower-roman; margin:10px 0;}
ol ul {margin:10px 0;}
ol ul li {list-style-type:disc; margin-left:20px;}
ol p, ol img {margin:10px 0; padding:0;}

.tomcat ol ul li {list-style-type:none;}

li.no_style {list-style-type:none;}

ul.disc li {list-style-type:disc; margin:3px 25px; font-size:13px;}

ul.nodisc li {list-style-type:none; margin:3px 25px; font-size:13px;}

ul.disc li.no_disc {list-style-type:none; margin:3px 10px;}
ul.float_left {width:25%;}

body.codesign-page ul.fullWidthDiscList {margin:20px; list-style-type:disc;}

ul li.arrow {list-style-type:none; background: url(/images/arrow_support.gif) no-repeat left; margin-left:10px; font-weight:normal;}

ul.arrow li {list-style-type:none; background: url(/images/arrow_support.gif) no-repeat left; margin:0 0 0 25px; font-weight:normal;}

ul.faq_icon li {background: url(/images/faq-page.gif) no-repeat left; padding:3px 0 3px 15px; margin:0 0 0 10px; font-weight:normal;}


ul li.green_tick {height:20px; line-height:13px; list-style-type:none; background: url(/images/healthcheck_tick.gif) no-repeat left center; padding:4px 0 4px 25px; margin:0 0 0 5px; font-weight:normal;}

ul.healthcheck {float:left; padding:10px;} 
ul.server_faqs {float:left; margin:10px; width:29%;}
ul.link_text li {padding:5px 10px;}


/*-------------------------------------------------COL_RIGHT STYLES--------------------------------------------------------*/

.col_right {padding:0; margin:0;}
div.list_container {width:162px;}
div.list_contents {float:left; width:160px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
html>body div.list_contents {float:left; width:158px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
div.list_bottom {clear:left; line-height:0; font-size:0;}

/*-------------------------------------------------COL_RIGHT BG IMAGE STYLES-----------------------------------------------*/

span.box_top_left {float:left; height:25px; width:9px; background: url(../../images/box_top_left.gif) no-repeat left top;}
span.box_top_mid {font-size:13px; float:left; height:25px; line-height:25px; width:142px; background: url(../../images/box_top_mid.gif) repeat-x left top;}
span.box_top_right {float:left; height:25px; width:9px; background: url(../../images/box_top_right.gif) no-repeat left top;}

span.box_bot_left {float:left; height:27px; width:5px; background: url(../../images/box_bot_left.gif) no-repeat -1px top;}
span.box_bot_mid {float:left; height:27px; line-height:27px; width:151px; background: url(../../images/box_bot_mid.gif) repeat-x left top;}
span.box_bot_right {float:left; height:27px; width:4px; background: url(../../images/box_bot_right.gif) no-repeat right top;}


/*------------------------------------------------COL_RIGHT LIST STYLES------------------------------------------------*/

ul.side_col {float:left; background:none; padding:0px; margin:0;}
ul.side_col li {padding:0; margin:0;}

ul.side_col li a {text-decoration:underline; display:block; width:158px; padding:5px 0; margin:0; font-size:13px; line-height:12px; text-indent:5px;}

ul.side_col li a:hover {display:block; width:158px; background:#213aaf; color:#ffffff; text-decoration:none;}
ul.side_col li a.active {display:block; width:158px; background:#27327f; color:#ffffff; text-decoration:none;}

/*-------------------------------------------MAIN COLUMN BOX STYLES----------------------------------------------------*/
.box_wrapper {float:left;}
.box_header {background: url(../../images/box_top.gif) no-repeat -1px top; width:546px; line-height:27px; height:27px;}

.box_contents {float:left; width:545px; padding:10px; margin:0; border-left:1px #ccc solid; border-right:1px #ccc solid;}

html>body div.box_contents {float:left; width:523px; padding:10px; margin:0; border-left:1px #ccc solid; border-right:1px #ccc solid;}/*FIREFOX*/

.box_bottom {clear:both; background: url(../../images/box_bot.gif) no-repeat -1px bottom; font-size:0; line-height:0; width:545px; height:8px; margin:0 0 20px 0;}
.box_wrapper h2 {font-size:13px; padding:0 0 10px 0; margin:0;}
.box_header h2 {font-size:14px; padding:0 0 0 15px; margin:0;}

.box_header_healthcheck {background: url(../../images/healthcheck.gif) no-repeat -1px top; width:546px; line-height:27px; height:27px;}
.box_header_healthcheck h2 {font-size:14px; padding:0 0 0 15px; margin:0;}

/*----------------------------------------HALF-SIZE BOX STYLES---------------------------------------------------------*/

.half_box_holder {float:left; width:100%; margin:0px 0;}
.half .box_wrapper {width:250px; float:left;}
.left .box_wrapper {width:250px; margin:0 47px 0 0; float:left;}
html>body .left .box_wrapper {width:250px; margin:0 49px 0 0; float:left;}/*FIREFOX*/

.half .box_header {background: url(/images/support-faq-tab.gif) no-repeat -1px top; width:250px; line-height:29px; height:29px;}
.half .box_contents {width:246px; padding:10px 8px; margin:0; border-left:1px #ccc solid; border-right:1px #ccc solid;}

html>body .half .box_contents {width:224px; padding:10px 10px; margin:0; border-left:1px #ccc solid; border-right:1px #ccc solid;}/*FIREFOX*/

.half .box_bottom {background: url(/images/faq-base.gif) no-repeat -1px bottom; font-size:0; line-height:0; width:250px; height:8px;}
.half ul li {width:210px;}

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

.support-form #form_intro {color:#000000; width:720px; padding:0 0 0 20px;}
.support-form .form_wrapper {clear:left; text-align:left;}
.support-form .form_wrapper {padding:20px 15px 15px 15px;}
*:first-child+html body.support-form .form_wrapper {margin:20px 15px 0 15px; padding:0;}
.support-form .form_wrapper fieldset {color:#dddddd;}
.support-form .form_wrapper fieldset#top_level fieldset {color:#000000; margin:15px; padding:10px;}
.support-form .form_wrapper legend {font-size:13px; color:#000; padding:0 3px;}
.support-form .form_wrapper p {font-size:13px; margin-left:5px;}
.support-form .form_wrapper .red_txt {color:red; font-size:13px;}
.support-form .form_wrapper .required_field {color:red; font-size:13px; padding-left:10px;}
.support-form .form_wrapper label {font-size:13px;}
.support-form .form_wrapper input, .support-form .form_wrapper select {width:240px; height:20px;}
html>body.support-form .form_wrapper input {width:240px; height:16px;}
.support-form .form_wrapper input.full_width {width:485px;}
.support-form .form_wrapper fieldset td {padding:3px; width:240px;}
.support-form .form_wrapper textarea {width:485px; height:100px;}
.support-form .form_wrapper #sub {width:480px;}
.support-form .form_wrapper fieldset td.narrow {width:240px;}
.support-form .form_wrapper fieldset td.wide {width:340px;}
.support-form .form_wrapper fieldset td.wide input#common {width:340px;}
.support-form .form_wrapper td.wide select {width:445px; height:22px}
.support-form .form_wrapper td.full_width {width:530px;}
.support-form .form_wrapper input#send {width:150px; height:24px;}
.support-form .thanks-page fieldset {text-align:left;}

/*-------------------------------------------------- NEW FRONT PAGE ICONS (DL) ------------------------------------------*/

#i-main-con {margin:0px; padding:0px;text-align:center;}
.i-row{
	width:516px;
	height:100px;
	margin-bottom:25px;
	}
.i-int-box{
	width:172px;
	height:100px;
	margin-bottom:10px;
	float:left;
	padding:0px;
	}
.i-int-box-l{
	width:167px;
	height:100px;
	margin-bottom:10px;
	float:left;
	
	padding:0px;
	}
.i-icon{
	width:172px;
	height:75px;
	float:left;
	padding:0px;
	}
.i-link{
	width:172px;
	height:25px;
	float:left;
	padding:0px;
	}
#col_1 #wrapper p a.sbp {
	background-image:none;
	[if IE] color:red;
}
	
	
	
/*-----------------------------------------------------------------------------------------------------------------------*/

.siteSeal_container {text-align:center;}
.siteSeal_container h2 {padding-left:0;}
.siteSeal_container h2, .siteSeal_container p a {font-size:11px;}
    
/*--------------------------------------------------FOOTER STYLES----------------------------------------------------------*/

#footer ul {padding:0 10px; height:29px; line-height:25px; background: url(/images/footer.gif) repeat-x left top;}
#footer ul li {color:#ffffff; font-size:10px; float:left;}
#footer ul li a {color:#ffffff;}
#footer ul li.float_right {float:right;}
#footer #apps_list {margin:10px 0; text-align:center;}
#footer .float_left {float:left; width:700px;}
#footer .float_left p {font-size:10px; text-align:center;}
#footer .webtrust_logo {margin:10px 10px;}



/*  video page  */

.video-placeholder {
	margin:16px 0px 5px 15px;
	background-color:#eee;
	overflow:hidden;	
	}
.video-wrapper {
	width:515px;
	margin-bottom:30px;
	margin-top:10px;
	min-height:268px
	}
.video-wrapper-l {
	width:275px;
	float:left;
	}
.video-wrapper-r {
	width:240px;
	float:left;
	}
.video-top-para{margin-top:23px}
.video-small-para{font-size:11px}
.video-small-para-pic{
	font-size:10px;
	margin-left:55px;
	color:#4d4d4d;
	}
.video-bullets {
	margin:0px 0px 0px 40px;
	}
.video-bullets li{
	font-size:11px;
	}	
.video-bullets-li	 {
	margin:1px;
	}
.popup{
	position:absolute;
	top: -9999px;
	left: -9999px;
	padding:11px 10px 9px 11px;
	background:#000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index:1000;
}
.popup .video-placeholder{overflow:hidden;}
.popup .btn-close{
	position:absolute;
	top:-48px;
	right:-65px;
	background:url(../images/btn-close.gif) no-repeat;
	font-size:12px;
	color:#fff;
	padding:6px 0 8px 36px;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;padding:70px;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#cboxContent{overflow:visible;}
.cboxIframe{background:#fff;}
#cboxLoadingGraphic{background:url(../images/loading-circle.gif) no-repeat center center;}
#cboxTitle,
#cboxCurrent,
#cboxSlideshow,
#cboxPrevious,
#cboxNext,
#cboxClose {
	display: none !important;
}
#colorbox .popup {
	position: relative;
	left: 0;
	top: 0;
}
code {background:#000000;color:#00CC33;padding:3px;}