/************************* CSS Hacks *************************/

/* Clearing floats easily, for all browsers */
.clearfix:after { content: "."; visibility: hidden; height: 0;
		  display: block;clear: both; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/***************** General Styles *********************/

html, body {
	width: 100%;
	min-width: 750px;
	border: 0; margin: 0; padding: 0;
}

body { 	background: #fff url('images/bg.png') repeat-x top; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #333; text-align: center;
}

img { border: none;}

ul {
	list-style-type: none;
	margin: 0;padding: 0;
}

ul.bullets {
	list-style-type: disc; 
	padding-left: 1em; margin-bottom: 1em;
}

form { margin: 0; padding: 4px 0;}
			
table {	width: 100%; margin: 0 0 25px 0;
	padding: 0; border-collapse: collapse;
}

a, a:link, a:visited { color: #f60; }
a:hover { color: #333; }

h1 {	font-family: sans-serif, Helvetica, Arial;
	font-weight: normal; color: #333; font-size: 28px;
	margin: 0;padding: 35px 0 12px;
	line-height: 19px;
}

h2 { 	color: #2D58AE; font-weight: bold; font-size: 14px;
	margin: 0; padding: 25px 0 4px;	line-height: 19px;
}

h2 a, h2 a:link, h2 a:visited {
	color: #2D58AE;
	text-decoration: none;
}

h2 a:hover {color: #F60;}

h3 {	font-family: sans-serif, Helvetica, Arial;
	color: #333;font-weight: bold;font-size: 16px; 
	margin: 0; padding: 10px 0 4px;	line-height: 19px;
	border-bottom: 2px dotted #E4E7E9;
}

code { font-family: monospace, fixed, Courier; }

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; font-size: 10px;color: #039;
}

p.center { text-align:center;} 
.hidden { display:none; }
.clearme { clear:both; }
.date { color: #75818A;	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;}

/************************ Header ***********************/

#navmenucontainer, #submenucontainer { width: 100%; margin: 0; padding: 0;}

/* Main menu */

#navmenucontainer { height: 28px; }

#navmenu { float: left; padding: 4px 0;	vertical-align: middle;}
#navmenu li { display: inline; margin: 0 16px 0 0; padding: 0; }
#navmenu li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; font-size: 11px; text-decoration: none;color: #039;
}
#navmenu li a:hover { color: #004;text-decoration: none;}

#mirror {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal; font-size: 11px;color: #039;
	float: right; background: transparent;
}

/* Submenu */
#submenucontainer { text-align: left; height: 47px;}
#submenucontainer ul { padding: 0; }
#submenucontainer ul li { display: inline; }
#submenucontainer ul li a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal; color: #2D58AE;font-size: 17px;
	text-decoration: none;
/*	text-shadow: 0.2em 0.2em;*/
	float: left; padding: 14px 20px 10px 0;
	text-transform: lowercase;
}

#submenu li a:hover, #submenu li a:active {	
	color: #2E3A6B;	text-decoration: underline;
}

#pagecontainer { min-width: 780px; width: 86%; height: 100%; margin: 0 auto; }

#header { margin: 0; padding: 0; }

/******************* Main page content - Global ***********************/

#maincontent {text-align: left; min-width: 780px; }

#maincontent table a {color: #2D58AE;}
#maincontent table a:hover, #maincontent table a:active {color: #000;}

#maincontent table th {
	font-size: 12px;text-align: left;
	padding: 0 7px; line-height: 2.5em;
        background: #D4E0F7;
}
#maincontent table th img { padding: 5px 0;vertical-align: middle; }

#maincontent table td { font-size: 11px;
	padding: 0 7px;	line-height: 2.1em;
	border-top: 1px solid #E4E7E9;
	background: #F4F7FD;
}
#maincontent table td.yes { background: #cfc; }
#maincontent table td.no { background: #fcc; }
#maincontent table td.partial { background: #ffa;}
#maincontent table td.none { background: #F4F7FD;}
#maincontent table td.type { background: #EBF0FA;}
#maincontent table td.category { background: #F4F7FD;}
	
#left {	float:left;width: 56%; padding-bottom: 55px; }
#right { float:right; width: 40%; padding-bottom: 55px; }
#fullwidth { padding-bottom: 55px; float:left; }

#left p, #right p, #fullwidth p {
	margin: 0; padding: 0 0 10px 0;	line-height: 135%;
}

/* Colored panels */

.panel-orange {
	width: 100%; margin: 25px auto 0;
	min-width: 200px;max-width: 792px;
	color:#C60;
}
.panel-orange .hd .c,
.panel-orange .ft .c { height: 8px; font-size: 1px; }

.panel-orange .hd {
	background: transparent url(images/panel-orange/tl.gif) no-repeat 0 0;
	margin-right: 8px; /* space for right corner */
}
.panel-orange .hd .c {
	background: transparent url(images/panel-orange/tr.gif) no-repeat right;
	margin-right: -8px; /* space for right corner */
}

.panel-orange .bd {
	background: transparent url(images/panel-orange/ml.gif) repeat-y 0 0;
	margin-right: 8px;
}
.panel-orange .bd .c {
	margin-right: -8px;
	padding: 10px;
	background: transparent url(images/panel-orange/mr.gif) repeat-y right;
}
 
.panel-orange .ft {
	background: transparent url(images/panel-orange/bl.gif) no-repeat 0 0;
	margin-right: 8px;
}
.panel-orange .ft .c {
	background: transparent url(images/panel-orange/br.gif) no-repeat right;
	margin-right: -8px;
}

.panel-orange-bullet { 	padding: 0;line-height: 19px; }
.panel-orange-bullet li {
	background: url(images/bullet-orange.png) left top no-repeat;
	padding: 0 0 4px 25px;
}

.panel-orange h1 { margin: -8px 0 0;padding: 0 0 4px;
		   color: #C60;	font-size: 17px;font-weight: bold; 
}
.panel-orange p { margin: 0; padding: 0; }
.panel-orange a, .panel-orange a:visited { color: #C60; }
.panel-orange a:hover, .panel-orange a:active { color: #000; }


.panel-blue {
	width: 100%;margin: 25px auto 0;
	min-width: 200px;max-width: 792px;
	color: #039;
}

.panel-blue .hd .c,
.panel-blue .ft .c { height: 8px; font-size: 1px; }

.panel-blue .hd {
	background: transparent url(images/panel-blue/tl.gif) no-repeat 0 0;
	margin-right: 8px; /* space for right corner */
}
.panel-blue .hd .c {
	background: transparent url(images/panel-blue/tr.gif) no-repeat right;
	margin-right: -8px; /* space for right corner */
}

.panel-blue .bd {
	background: transparent url(images/panel-blue/ml.gif) repeat-y 0 0;
	margin-right: 8px;
}
.panel-blue .bd .c {
	margin-right: -8px;
	padding: 10px;
	background: transparent url(images/panel-blue/mr.gif) repeat-y right;
}

.panel-blue .ft {
	background: transparent url(images/panel-blue/bl.gif) no-repeat 0 0;
	margin-right: 8px;
}
.panel-blue .ft .c {
	background: transparent url(images/panel-blue/br.gif) no-repeat right;
	margin-right: -8px;
}

.panel-blue-bullet { padding: 0 0 20px 0;line-height: 19px;}
.panel-blue-bullet li {
	background: url(images/bullet-blue.png) left top no-repeat;
	padding: 0 0 4px 25px;
}

.panel-blue h1 { margin: -8px 0 0; padding: 0 0 4px; 
		 color: #2D58AE; font-size: 17px; font-weight: bold;
}
.panel-blue p { margin: 0;padding: 0; }
.panel-blue hr { border: 1px solid #D4E0F7; }
.panel-blue a, .panel-blue a:visited { color: #039; }
.panel-blue a:hover, .panel-blue a:active { color: #000; }


/************** Main page content - Specific styles ******************/

/* DL */
.download {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin: 10px 0; 
}
.download br { line-height: 30px; }

.more {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;text-align: right;
}

.os1 { float:left; }
.os2 { float:left;margin-left:3em; }

/* Pictures */
.ultra-logo { float: left  }

.ultravpn-logo {
	float: left;width: 64px;height: 64px;
	margin-left: -5px; padding-bottom: 15px;
	background: url(images/ultravpn-logo.png) left top no-repeat;
}

div.screenshot{ float:left; margin-right: 3em; text-align:center; }

/* Misc */
.notes { color: #75818A; font-size: 9px;}

.note { background: #CCFFCC; }

#description { padding: 0 0 15px; border-bottom: 2px dotted #E4E7E9;}
#description p { margin: 0; padding: 0 0 15px 0; line-height: 19px; }
#description ul { padding: 35px 0 15px; line-height: 19px;}

/************************ Footer Layout ****************************/
#spacer {
	float: left;
	width: 0;height: 95%;
	padding: 0;margin: 0;
	font-size: 1px; /* to make sure width is not overridden */
}

#footer {	color: #75818A;	background: #E4E7E9;
		font-size: 11px;text-align: center;
		clear: both; height: 40px; margin: 0;padding: 15px;
		border-top: 1px solid #C8CDD0;
}

#footer a {
	color: #75818A;
	text-decoration: underline;
}

#footer a:hover {
	color: #333;
	text-decoration: none;
}

#footer p { margin: 0;padding: 0;line-height: 20px; }