/*===================================================
   WWW.PLATHOME.COM
   default.css
---------------------------------------------------*/

/*---------------------------------------------------
   Base Elements
---------------------------------------------------*/
body {
	background-color          : #fff;
	margin                    : 0;
	padding                   : 0;
	font-family               : Arial, sans-serif,Verdana;
	font-size                 : 100%;
	line-height               : 110%;
	letter-spacing            : 0.4px;
	text-align                : center;
}

h1, h2, h3, h4, h5, h6 {
	font-family               : Arial, sans-serif;
	line-height               : 150%;
}

p, li, dt, dd, caption, th, td {
}



/**** Anchor ****/

body a:link {
	color                     : #069;
}

body a:visited {
	color                     : #336;
}


body a:hover, a:active {
	color: #CC6600;
}


/*---------------------------------------------------
   General Layout
---------------------------------------------------*/
/**** Header ****/

#header {
	width                     : 780px;
	margin                    : 0px auto 0px auto;
	font-size                 : 82%; 
	text-align                : left;
	background-image          : url('/common/image/header_back.gif');
	background-repeat         : no-repeat;
	background-position       : top right; 
}

.headline {
	padding                   : 10 0 3 10;
}

.headline form {
	margin                    : 0px;
}

.headline img {
	border                    : none 0;
	vertical-align            : text-bottom;
}

#plathome_logo {
	margin-right              : 28px;
}

#googlesearch {
	display                   : inline;
	margin-right              : 9px;
}
#googlesearch #searchform {
	display                   : inline;
}
#googlesearch input.txt {
	background                : #f6fcfe url('/common/image/googlesearch_input_shadow.gif');
	width                     : 120px;
/*	height                    : 20px;    */
	border                    : 1px solid #9ab;
	vertical-align            : text-bottom;
}

#googlesearch input.btn {
	vertical-align            : text-bottom;
}

#headline_menu {
	display                   : inline;
}
#headline_menu .item {
	margin-left               : 12px;
	font-size                 : 82%;
	text-decoration           : none;
	vertical-align            : text-bottom;
}


/**** Main Menu ****/
#main_menu {
	margin-top                : 0px;
	background                : url('/common/image/index_menu.jpg') no-repeat right;
	height                    : 53px;
	line-height               : 540%;
	padding-left              : 20px;
}

/**** #main_menu IE Hack ****/

*:first-child+html #main_menu {
	margin-top                : 0px;
	background                : url('/common/image/index_menu.jpg') no-repeat right;
	height                    : 53px;
	line-height               : 300%;
	padding              : 15px 0px 0px 20px;
}

*html #main_menu {
	margin-top                : 0px;
	background                : url('/common/image/index_menu.jpg') no-repeat right;
	height                    : 53px;
	line-height               : 300%;
	padding              : 15px 0px 0px 20px;
}

/**** #main_menu IE Hack END ****/

#main_menu a {
	font-weight               : bold;
	text-decoration           : none;
	margin-right              : 20px;
	color                     : #3B9AFF;
}

#main_menu a.current {
	color                     : black;
}

#main_menu a:focus, a:hover {
	text-decoration           : underline;
}


#main_menu span.current {
	color                     : #000;
}

#back_to {
	color                     : #777;
	background-color          : #fff; 
	margin-top                : 4px;
	padding-left              : 20px;
}

#back_to a {
	color                     : #777;
	text-decoration           : none;
}

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


/********* Side bar *************/

#side_bar {
	float                     : right;
	width                     : 190px;
	margin                    : 1.5em 0 1em 0;
}


/* Side bar links */

#side_bar a {
	text-decoration           : none;
}


#side_bar a:hover, .side_menu a:active {
	text-decoration           : underline;
}

/**** Side menu ****/

.side_menu {
	font-size                 : 90%;
}


/* Side menu box */
.side_menu ul {
	margin                     : 3px 0px 3px 0px; 
	padding                    : 0px 0 0px 0; 
	list-style-position        : inside;
	list-style-type            : none;
}

.side_menu li {
	line-height: 2em;
	font-weight: bold;
}

.side_menu li.current {
}

.side_menu li.current a {
	color                      : #ffaa00;
}

.side_menu li.currentdir {
	color                      : #BF9E30;
}

.side_menu li.current2 a {
	color                      : black;
	padding-left               : 2em;
}

.side_menu li.current2in a {
	color                      : #BF9E30;
	padding-left               : 2em;
}

.side_menu li.header {
	background                 : #006699 none repeat scroll 0%;
	color                      : white;
	font-weight                : bold;
	list-style-image           : url(/common/image/side_menu_style_white_down.gif);
}

.side_menu li.header a {
	color                      : white;
}


.side_menu li.plain {
	list-style-image           : url(/common/image/side_menu_style_plain.gif);
}


/* second level */

.side_menu li ul {
	margin                    : 0 0 0 4em;
	padding                   : 0;
	border                    : none 0;
}

/*.side_menu li li {
	padding-left              : 2em;
}

.side_menu li li.current {
}

.side_menu li.current li a {
	color                     : #069;
}*/

.side_menu li.current3 a {
	color                     : black;
	margin                    : 0;
	padding                   : 0;
}

.side_menu li.current3in a {
	color                     : ffaa00;
	margin                    : 0;
	padding                   : 0;
}

.side_menu li.current3in a {
	color                     : ffaa00;
	margin                    : 0;
	padding                   : 0;
}


.side_menu li.subsubheader {
	color                     : grey;
}


/**** Content ****/
#content {
	clear                     : both;
	width                     : 740px;
	margin                    : 0.5em auto;
	font-size                 : 82%;
	text-align                : left;
}


#content h1 {
	margin                    : 1em 0 1em 0;
	width                     : 440px;
	_width                    : 500px;
	padding-left              : 1em;
	border-right              : 2em solid #4F7193;
	border-left               : 2px solid #4F7193;
	border-top                : 2px solid #4F7193;
	border-bottom             : 2px solid #4F7193;
	background-color          : #003366;   
/*	background                : url(/common/image/h1.gif);*/
	font-size                 : 140%;
	color                     : #fff;
	font-family               : verdana;
	clear                     : both;
}

#content h2 {
/*
	color                     : #555;
	margin                    : 1.5em 0 1em 0;
	font-size                 : 130%;   
	line-height               : 140%;
	padding-left              : 0.25em;
	border-bottom             : solid 4px #d6ad33;
	clear                     : both;
*/
}

#content h3 {
	color                     : #333366;
	margin                    : 2em 0 0 0;
	font-size                 : 115%;   
	font-weight               : bold;
	line-height               : 125%;
	font-family               : verdana;
}

#content h4 {
	text-indent               : 0.25em;
	color                     : #222;
	margin                    : 1em 0 0.5em 0;
	line-height               : 115%;
	font-size                 : 105%; 
}


#content .quote {
	font-style                : italic;
	margin                    : auto 20px;
}

/**** Table of Contents ****/

ol.toc {
	border                    : solid 1px #aaa;
	width                     : 50%;
	background-color          : #F3F3F3;
	margin-left               : 20px;
}

/**** cheader ****/
#cheader {
	margin-top                : 6px;
	text-align                : center;
}

#cheader img.title {
/*	width                     : 740px;    */
/*	height                    : 180px;  */
}


/* Intro - obsolete  */
#cheader div.intro {
	float                     : right;
	width                     : 208px;
	color                     : #555;
	margin                    : 0;
	font-size                 : 84%;
	line-height               : 140%;
}
#cbody {
	float                     : left;
	margin                    : 0.5em 0;
	width                     : 500px;
	line-height               : 150%;

}

#cbody hr {
	margin                    : 1em 0px;
}


/**** Footer ****/
#footer {
	color                     : #555;
	clear                     : both;
	width                     : 740px;
	margin                    : 3em auto 1em auto;
	padding-bottom            : 1em;
	font-size                 : 75%;
	text-align                : right;
}

#footer .page_top {
	padding                   : 0 1em 0 1em;
	margin-bottom             : 1em;
}

#footer .copyright {
	font-size                 : 90%;
	float                     : right;
	padding                   : 0 1em 0 1em;
	text-align                : right;
	border-right              : solid 1px #ccc;
}

#footer .trademarks {
	float                     : right;
	padding                   : 0 1em 0 1em;
	font-size                 : 90%;
	text-align                : right;
}




/*---------------------------------------------------
   General Classes
---------------------------------------------------*/
/**** Navigation ****/
#page_top {
	position                  : absolute;
	top                       : 0;
	left                      : 0;
	z-index                   : 100;
}
div.intranet {
	background-color          : #eee;
	color                     : #555;
	padding                   : 6px;
	font-size                 : 70%;
	line-height               : 110%;
}
.required {
	color                     : #f30;
	font-weight               : normal;
}


/**** Font Style ****/
.gray_l { color               : #aaa;}
.gray   { color               : #666;}
.gray_d { color               : #222;}

.red_l  { color               : #f66;}
.red    { color               : #f30;}
.red_d  { color               : #c00;}

.orange_l { color             : #f90;}
.orange   { color             : #f60;}
.orange_d { color             : #c60;}

.green_l { color             : #7d0;}
.green   { color             : #5a0;}
.green_d { color             : #390;}


.large { font-size            : 116%;}
.xlarge { font-size           : 130%;}
.xxlarge { font-size          : 150%;}
.small { font-size            : 83.3%;}



.notes {
	color                     : #555;
	font-size                 : 83.3%;
	line-height               : 110%;
}


/**** VeriSign Secured Seal ****/
div#verisign_seal {
	width                     : 135px;
	margin                    : 80px 0 0 0;
}

div#verisign_seal a {
	color                     : #000;
	margin                    : 0px;
	padding                   : 0px;
	font                      : bold 8px verdana,sans-serif;
	text-decoration           : none;
	text-align                : center;
	letter-spacing            : 0.5px;
}

/**** Float ****/
.float_l {
	float                     : left;
}
.float_r {
	float                     : right;
}
.ifloat_l {
	float                     : left;
	margin-right              : 12px;
}
.ifloat_r {
	float                     : right;
	margin-left               : 12px;
}



/**** Decoration Box ****/
div.box01 {
	color                     : #444;
	background-color          : #eef;
	padding                   : 6px;
	font-size                 : 90%;
	line-height               : 125%;
	border                    : solid 1px #ccf;
}



/**** Message Box ****/
.mbox01 {
	background-color          : #e4f1ff;	
	border                    : solid 1px #ccf;
	margin                    : 20px 0px;
	padding                   : 0.5em;
}

/**** Profile Box for Case Studies ****/
.profile_box {
	background-color          : #f3f3f3;
	border                    : solid 2px #aaa;
	margin                    : 40px 20px;
	width                     : 75%;
	font-size                 : 90%;
}	

div.profile_box h4 {
	text-align                : center;
}

div.profile_box p {
	padding                   : 0em 1em;
}

div.profile_box strong {
	font-size                 : 105%;
}


/**** Tables ****/
/* Topics */
table.topics {
}
table.topics th {
	color                     : #666;
	width                     : 8em;
	padding                   : 3px 6px;
	font-size                 : 70%;
	text-align                : left;
	vertical-align            : top;
	line-height               : 105%;
}

table.topics td {
	font-size                 : 70%;
	padding                   : 3px 0;
	text-align                : left;
	vertical-align            : top;
	line-height               : 105%;
}



/* Spec */
table.spec {
	border-collapse           : collapse;
	border-right              : 1px solid #ccc;
	border-top                : 1px solid #ccc;
	font-size                 : 85%;
	line-height               : 140%;
}

table.spec caption {
	color                     : #777;
	font-weight               : bold;
	/*font-size                 : 15px;*/
}
table.spec th {
	padding                   : 3px 3px 3px 5px;
	background-color          : #eee;
	color                     : #444;
	font-weight               : normal;
	border-bottom             : 1px solid #ccc;
	border-left               : 1px solid #ccc;
	text-align                : left;
}

table.spec td {
	background-color          : #fff;
	padding                   : 3px 3px 3px 5px;
	border-bottom             : 1px solid #ccc;
	border-left               : 1px solid #ccc;
}


/* Blue table */

table.h_blue {
	border-collapse           : collapse;
	border-right              : 1px solid #ccc;
	border-top                : 1px solid #ccc;
	font-size                 : 90%;
	line-height               : 150%;
}

table.h_blue th {
	color                     : #fff;
	font-weight               : bold;
	background-color          : #006699;
	border-bottom             : 1px solid #ccc;
	border-left               : 1px solid #ccc;
	text-align                : left;
	padding                   : 3px;
}

table.h_blue td {
	background-color          : #fff;
	padding                   : 3px;
	border-bottom             : 1px solid #ccc;
	border-left               : 1px solid #ccc;
}

table.h_blue th.l2 {
	background-color          : #eee;
	color                     : #444;
	font-weight               : bold;
}


/* Light Blue table */

table.h_lightblue {
	border-collapse           : collapse;
	border-right              : 1px solid #ccc;
	border-top                : 1px solid #ccc;
	font-size                 : 90%;
	line-height               : 150%;
}

table.h_lightblue th {
	color                     : #262626;
	font-weight               : bold;
	background-color          : #F0F1FC;
	border-bottom             : 1px solid #ccc;
	border-left               : 1px solid #ccc;
	text-align                : left;
	padding                   : 3px;
}

table.h_lightblue td {
	background-color          : #fff;
	padding                   : 3px;
	border-bottom             : 1px solid #ccc;
	border-left               : 1px solid #ccc;
}

table.h_lightblue th.l2 {
	background-color          : #eee;
	color                     : #444;
	font-weight               : bold;
}



/* h_gray */
table.h_gray {
	border-collapse           : collapse;
	border-right              : 1px solid #ccc;
	border-top                : 1px solid #ccc;
	margin                    : 18px 0;
	font-size                 : 85%;
}
table.h_gray caption {
	color                     : #777;
	font-weight               : bold;
	font-size                 : 100%;
}
table.h_gray th {
	background-color          : #eee;
	color                     : #333;
	padding                   : 3px 3px 3px 5px;
	border-bottom             : 1px solid #ccc;
	border-left               : 1px solid #ccc;
	text-align                : left;
	vertical-align            : top;
}
table.h_gray td {
	background-color          : #fff;
	color                     : #333;
	padding                   : 3px 3px 3px 5px;
	border-bottom             : 1px solid #ccc;
	border-left               : 1px solid #ccc;
}



/* Form Inquiry */
table.form_inquiry {
	border-collapse           : collapse;
	font-size                 : 11px;
}
table.form_inquiry caption {
	color                     : #777;
	font-weight               : bold;
}
table.form_inquiry th {
	color                     : #666;
	padding                   : 3px 3px 3px 5px;
	text-align                : right;
	font-weight               : bold;
}
table.form_inquiry td {
	padding                   : 3px 3px 3px 5px;
}

/*** Image Frame ***/
td.tableFigure {
	padding-left              : 8px;
	padding-right             : 8px;
	padding-top               : 8px;
	padding-bottom            : 0px;
	text-align                : center;
	line-height               : 100%;
	font-size                 : 80%;
	color                     : #6666ff;
	font-weight               : bold;
}

div.frame_center {
	margin                    : 8px auto;
	text-align                : center;
	line-height               : 110%;
	font-size                 : 80%;
	color                     : #6666ff;
	font-weight               : bold;
}

div.frame_right {
	float                     : right;
	margin                    : 8px;
	text-align                : center;
	line-height               : 110%;
	font-size                 : 80%;
	color                     : #6666ff;
	font-weight               : bold;
}

div.frame_left {
	float                     : left;
	margin                    : 8px;
	text-align                : center;
	line-height               : 110%;
	font-size                 : 80%;
	color                     : #6666ff;
	font-weight               : bold;
}

/*** Product comparison table ***/

#comp_vpn_sol {
	color                     : #333;
	font-family               : arial, sans-serif;
	font-size                 : 88%;

}

#comp_vpn_sol th {
	background-color          : #eeeeee;
	font-weight               : normal;
	text-align                : center;
}

#comp_vpn_sol td {
	text-align                : center;
}

#comp_vpn_sol tr.usage td {
	text-align                : left;
}

#comp_vpn_sol .emphasis {
	color                     : #6666ff;
	font-weight               : bold;
}

#comp_vpn_sol .check {
	font-size                 : 100%;
	font-weight               : bolder;
}



/**** Others ****/
.clear  { clear               : both;}
.hidden { display             : none;}