/* css for proximic.com */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
 margin:0;
 padding:0;
}

html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }
html{
  overflow-y:scroll;
} 


table {
 border-collapse:collapse;
 border-spacing:0;
}

th.pxth, table.pxtable th.pxth {
background-color:#F0F0F0;
border:1px solid #CCCCCC;
padding:5px;
text-align:left;
vertical-align:top;
color: #C80000;
font-size: 85%;
}

td.pxtd, table.pxtable td.pxtd {
border:1px solid #CCCCCC;
padding:5px;
vertical-align:top;
font-size: 85%;
}

body{
 background: #fff;
 font: 13px Arial,Helvetica,sans-serif;
/*font-size:small;
 *font:x-small;*/
 color: #333333;
}
h1, h2, h3, h4 {
	font-size: 100%;
	font-weight: bold;
}
a{
	color: #0083C8;
}
a:visited{
	color: #0083C8;
}
a img{
	border: none;
}
ul:after, #content_wrap:after, #contentout:after, #contentbox:after,.bulletimg:after,.sidebar_box:after, .shading:after, .step_bullet:after{
 content:".";
 display:block;
 font-size:0px;
 line-height:0px;
 height:0;
 clear:both;
 visibility:hidden;
}
/* TEST TEST
ul, li{
 list-style:none;
}
*/
.center_aligned {
	text-align: center;
}
.left_aligned {
	text-align: left;
}
.hint_text {
	color:#848282;
}

/* code for stick footer */
html, body {
	height: 100%;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -7em; /* the bottom margin is the negative value of the footer's height */
}

#footerbox, .push {
	height: 7em; /* .push must be the same height as .footer */
}


/* common centering */
#headbox, #subnavibox, #contentbox, #footerbox {
 clear: both;
}

#headout, #subnaviout, #contentout, #footerout {
 min-width: 960px;
 max-width: 960px;
 margin: 0 auto;
 width: auto !important;
 width: 960px;
}

#headin, #subnaviin, #content_wrap, #footer {
 margin: 0 20px;
 width: auto;
}

/* background define */
#headbox, #headout, #headin {
 background: #C80000; 
}

#subnavibox, #subnaviout, #subnaviin {
 background: #8C0000; 
}

#contentbox {
 background: #FFFFFF url("../images/contentbg.png") repeat-x; 
}

/* background define end */

/* header */
#headin {
	position: relative;
}

#headin, #headin a {
 color: #FFFFFF;
 text-decoration: none;
}

#logo {
 padding-top: 20px;
 padding-left: 10px;
}

#loglink {
 position: absolute;
 bottom: 0;
 right: 0;
	font-family:Arial,tahoma,verdana,sans-serif;
	font-size:100%;
	overflow:hidden;
	padding:6px 0;
}

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

#nationlink {
 position: absolute;
 top: 20px;
 right: 0;
}
/* header end */

/* navi */
.navibox {
 background: #C60000;
}

.subnavibox {
 background: #8C0000;
}

#navi {
	width: 100%;
}

#navi li  {
 float:left;
 font-weight: bold;
 margin: 0 1px;
 list-style:none !important;
}

#navi li a {
 display: block;
 padding: 6px 8px;
 overflow: hidden;
 font-family: Arial, tahoma, verdana, sans-serif;
 font-size: 100%;
 list-style:none !important;
}

#navi li.current a, #navi li a:hover {
 background: #8c0000;
}

#navi li ul {
 display:none;
 list-style:none !important;
}
/* navi end */

/* sub navi */
#subnavi {
 visibility: hidden;
}

#subnavi li  {
 float:left;
 font-weight: normal;
 margin: 0 1px;
 display: inline;
 list-style:none !important;
}

#subnavi li.currentsub {
 font-weight: bold;
 list-style:none !important;
}

#subnavi li a {
 display: block;
 padding: 0 8px;
 margin: 3px 0;
 overflow: hidden;
 border: none;
 border-right: 1px solid #ddd;
 color: #FFFFFF;
 text-decoration: none;
 font-size: 100%;
 list-style:none !important;
}

#subnavi li a:hover {
 text-decoration: underline;
}

#subnavi li  a.lastmenu {
 border-right: none;
 list-style:none !important;
}
/* sub navi end */

/* content */
#contentbox{
 padding: 24px 0 30px;
 clear: both;
}

#content_box{
 margin-right:-259px;
 display: inline;
 overflow: hidden;
 width:100%;
 float: left;
 clear: both;
 z-index: 1;
 position: relative;
}

#content{
 margin-right:259px;
 clear: both;
 padding: 0 5px 0 10px;
 text-align: justify;
}


/* content style define */
#content_wrap h1{
 color: #c80000;
 font-size: 135%;
 padding-bottom: 2px;
 margin-bottom: 11px;
}

#content_wrap h2 {
	color: #c80000;
 border-bottom: 1px solid #c80000;
 padding-bottom: 3px;
 margin: 16px 0 2px;
 font-size: 107.7%;
}

#content_wrap h2 a, #content_wrap h1 a {
	text-decoration: none;
	color: #c80000;
}

#content_wrap h3 {
	margin: 20px 0 10px;
}

#content_wrap h4 {
	margin: 10px 0 5px;
}
/*TEST TEST TEST
#content_wrap ul, #content_wrap ul li {
 list-style: disc outside;
}
*/
#content_wrap ul {
 margin-left: 1.3em;
}

#content_wrap ul.number_list, #content_wrap ul.number_list li {
 list-style: decimal outside;
}

#content_wrap ul.number_list {
 padding-left: 1.8em;
}

#content_wrap ul.notype_list, #content_wrap ul.notype_list li {
 list-style: none;
}

#content_wrap ul.notype_list {
 padding-left: 0;
}

#content_wrap li {
 line-height:125%;
 margin: 3px 0;
}

#content_wrap p {
	line-height:125%;
	padding: 0.4em 0;
}


/* shading img */
.shadecontainer{
	position: relative;
	width: 100%;
	margin: 10px 0 18px;
}
.shiftcontainer{
 left: 8px;
 top: 8px;
 position: relative;
 margin: 0 auto;
}

.shadowcontainer{
	background: transparent url(../images/bigshadow.gif) no-repeat bottom right;
	position: relative;
	width: 100%;
	height: 100%;
}

.shadowcontainer .innerdiv{
	top: -8px;
	left: -8px;
	width: 100%;
	height: 100%;
	position: absolute;
}



/* infobox */
.infobox {
 border-bottom: 1px solid #cccccc;
 border-left: 1px solid #cccccc;
 border-right: 1px solid #cccccc;
}



.infobox h4{
	color: #c80000;
	margin: 0 0 10px;
}

.infobox h4.black_head{
	color: #000000;
}

.infobox h4.small_margin{
	margin: 0;
}


.infotext {
 background-image: none;
}

.infoblue {
 border-top: 1px solid #99f;
 border-bottom: 1px solid #99f;
 background-color: #ccf;
}

/* infobox end */

/* email_alert */
.email_alert {
background-color: #F9F9F9;
border:2px solid #009900;
margin-bottom:20px;
margin-top:15px;
padding: 5px 15px 5px 15px;
position:relative;
}
/* email_alert end */

/* bullet */
.bulletimg {
 clear: both;
 width: 100%;
 padding: 0.5em 0;
}

#content_wrap h3.bullet_firsttitle {
 margin-top: 0px;
 padding-top: 0.4em;
}



.bulletimg_img, .bulletimg_smallimg, .bulletimg_bigimg, .bulletimg_extrabigimg{
 width: 150px;
 float: left;
 margin-right: 10px;
 text-align: center;
 padding-top: 0.6em;
 z-index: 5;
 position: relative;
}

.bulletimg_img a, .bulletimg_smallimg a, .bulletimg_bigimg a, .bulletimg_extrabigimg a{
 display: block;
}

.bulletimg_box, .bulletimg_smallbox, .bulletimg_bigbox, .bulletimg_extrabigbox{
 margin-left: -160px;
 float: left;
 display: inline;
 width: 100%;
}

.bulletimg_content, .bulletimg_smallcontent, .bulletimg_bigcontent, bulletimg_extrabigcontent{
 margin-left: 160px;
 float: left;
 display: inline;
}

.bulletimg_smallimg{
	width: 80px;
}

.bulletimg_smallbox{
	margin-left: -90px;
}

.bulletimg_smallcontent{
	margin-left: 90px;
}

.bulletimg_bigimg{
	width: 220px;
}

.bulletimg_extrabigbox{
	margin-left: -260px;
}

.bulletimg_extrabigcontent{
	margin-left: 260px;
}

.bulletimg_extrabigimg{
	width: 250px;
}

.bulletimg_bigbox{
	margin-left: -230px;
}

.bulletimg_bigcontent{
	margin-left: 230px;
}
/* bullet end */

/* content style define end */

/* Sidebar */
#sidebar{
 float: right;
 width: 235px;
 margin-top: 36px;
 z-index: 10;
 position: relative;
}

#sidebar ul li {
 list-style:none outside none !important;
 margin:0 0 6px 0 !important;
}

#sidebar ul {margin-left: 0px !important;}
#sidebar ul li a:link{text-decoration:none;}
#sidebar ul li a:visited{color:#0083C8;text-decoration:none;}
#sidebar ul li a:hover{text-decoration:underline;}
/*#sidebar ul li a:active{text-decoration:none; font-weight:bold;}*/
/*#sidebar ul li a:focus,*/
#sidebar ul li.selected a{font-weight:bold;text-decoration:none;}
/*#sidebar ul li h5{font-weight: bold; border-bottom:1px solid #dfdfdf; margin:0px 0px 4px 0px; padding:3px 0px 0px 0px;}*/
/*#sidebar ul li h3 a:hover{background:none; padding:0px; color:#4f88c0;}*/


.sidebar_header {
	padding: 3px 5px 3px 8px;
	background: #EFEFEF;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
}

.sidebar_content {
padding: 5px 8px 50px 8px;
background: #FCFCFC;
}

.sidebar_box h4 {
	margin-bottom: 5px;
}

#content_wrap ul.sidebar_ul {
	padding-top: 5px;
}

#content_wrap ul.sidebar_ul li {
	margin: 7px 0;
}

/* content end */

/* footer */
#footer {
 text-align: center;
 font-weight:normal;
 line-height:1em;
 color: #999999;
 clear:both;
 padding: 0 0 1em 10px;
}

.footerlink, #footer span {
 font-size: 85%;
}

.footerlink {
 padding: 1.5em 0 0.5em;
 border-top: 1px solid #ddd;
 color: #666666
}

.footerlink a {
 margin: 0 15px;
}

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

#footer a:hover {
 text-decoration: underline;
}
/* footer end */

/* specify for seprate page */

/* for index.php */
#content_front_wrap{
	width: 960px;
	margin: 0 auto;
}
#content_front_main{
	width: auto;
	margin: 5px 20px 0;
	height: 410px;
}

#content_front{
	width: 685px;
	height: 410px;
	float: left;
}

#sidebar_front{
 float: right;
 width: 225px;
 height: 410px;
 overflow: hidden;
}

.sidebar_front_box{
	height:130px;
	text-align:left;
	background: #EFEFEF;
	padding: 0 5px;
	margin-bottom:10px;
	position: relative;
}

#content_front_wrap p {
	line-height:125%;
	padding: 0.4em 0;
}

#content_front_wrap p.sidebar_front_box_title {
	font-size:138.5%;
	font-weight:bold;
	color:#C80000;
	padding: 5px 0 0 0;
}

#content_front_wrap p.sidebar_front_box_subtitle {
	font-size: 107.7%;
	font-weight: bold;
	color:#C80000;
	padding: 0;
}

p.sidebar_front_box_content, div.sidebar_front_box_link {
	font-size:12px;}

div.sidebar_front_box_link{
	position: absolute;
	left:5px;
	right: 2px;
	bottom: 4px;
}
					

a.sidebar_front_box_button_create, a.sidebar_front_box_button_apply, a.sidebar_front_box_button_learn, a.sidebar_front_box_button_follow, a.sidebar_front_box_button_contact, a.ad_with_us_box_button {
	width: 100px;
	height: 20px;
	background: url("/images/btn_small_create.png") no-repeat;
	display: block;
	position: absolute;
	bottom: 4px;
	right: 7px;
}
a.sidebar_front_box_button_learn {
	background: url("/images/btn_small_learn.png") no-repeat;
}
a.sidebar_front_box_button_apply {
	background: url("/images/btn_small_apply.png") no-repeat;
}
a.sidebar_front_box_button_follow {
	background: url("/images/btn_small_follow.png") no-repeat;
}
a.sidebar_front_box_button_contact {
	background: url("/images/btn_small_contact.png") no-repeat;
	top: 20px;
}
a.thickbox_button_contact {
	width: 100px;
	height: 20px;
	background: url("/images/btn_small_contact.png") no-repeat;
	display: block;
	position: relative;
}
input.contact_button_send {
	width: 100px;
	height: 20px;
	display:block;
	position: relative;
}

div.TB_overlayBG p {
	color:#f64d40;
	font-family:arial,sans-serif;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
	line-height:normal;
	margin:0;
	padding:5px;
}

.front_new {
	color: #C80000;
	font-weight: bold;
	margin-left: 3px;
}
.front_bottom_box, .front_partner_box{
	margin:10px 20px 0;
	border: 1px solid #EAEAEA;
}

.front_bottom_box {
	/*height: 60px;*/
	line-height: 20px;
	font-family: 'Arial Narrow',Gill Sans,sans-serif;
}

.front_partner_box {
	height: 60px;
	overflow: hidden;
	border-right: none;
}

.solution_images{
	border:1px solid #CCCCCC;
	margin:8px 20px 15px 0;
	width:200px;
	height:240px; 
}

div#fadeable {
	width: 670px;
	height: 60px;
	overflow:hidden;
 position: relative;
 float: left;
 margin-left: 8px;
}

div#fadeable div{
	float:left;
	text-align:center;
	width:130px;
	margin-top: 4px;
}

div#ad_with_us {
	width: 225px;
	float: right;
	height: 100%;
}

div.ad_with_us_box{
	height:100%;
	text-align:left;
	background: #EFEFEF;
	padding:0 5px;
	position: relative;
}

.front_wrapper div#footer {
	padding-left: 0;
}

/* for page publishers/index.php */
.step_bullet img, .step_bullet strong {
	float: left;
	height: 27px;
	line-height: 28px;
	margin-right: 5px;
}
.step_bullet {
	clear: both;
}

.step_bullet_p {
	margin: 0 0 15px 32px;
}


/* for page ad banner format */
.ad_format_table {
	margin: 30px 0 0 0;
	float: left;
	clear: both;
}

.ad_format_table td {
	text-align: center;
	padding: 10px 0;
}

.ad_format_table h4 {
	margin-bottom: 3px;
}

.ad_format_table td.ad_format_left_td {
	text-align: left;
}
.ad_format_table td.ad_format_divide {
	width: 25%;
	height: 1px;
	overflow: hidden;
	padding: 0;
}

/* for page publisher test */
#wrap_box {
	width: 520px;
	margin: 12px auto;
}

#test_iframe, #test_iframe2 {
	width: 300px;
	height: 200px;
	border: none;
	margin: 10px auto;
}

#test_iframe2 {
	display: none;
}

#test_table {
	width: 100%;
}

#test_table tr td{
	padding-bottom: 5px;
}

/* for advertisers */
.advertiser_table {
	border: none;
	width: 100%;
}

.advertiser_table tr td{
	padding: 10px 0;
	text-align: center;
}

.adlistbox {
	background: #FFFFCC;
	padding: 6px 0;
	margin-top: 30px;
	margin-bottom: 30px;
}
.adlistbox p{
	margin-left: 5px;
	margin-right: 5px;
}
.adv_img:after, .adv_img0:after{
	content:".";
 display:block;
 font-size:0px;
 line-height:0px;
 height:0;
 clear:both;
 visibility:hidden;
}
.adv_img, .adv_img0{
	margin: 10px 0;
	clear: both;
	height: 55px;
}
.adv_img img, .adv_img0 img{
	float: left;
	display: inline;
	margin: 0 0 0 4px;
	width: 110px;
	border: 1px solid #ddd;
}
.adv_img0{
	display: none;
}

.press_img{
	border: 1px solid #ddd;
}

/* for info contact */
.normal_table {
	width: 100%;
	border: none;
}

.contact_table tr td{
	width: 150px;
	height: 30px;
}

.contact_table_div {
	position:relative;
	width: 100%;
}

.twitter {
	position: absolute;
	right: 0;
	top: -40px;
	text-align: right;
}
.twitter a{
	display: block;
	clear: both;
	margin-bottom: 5px;
}

/* for info media room */
.half_divide_table tr td {
	width: 50%;
}

/*.half_divide_table tr td img {
	margin-bottom: 20px;
}*/

/* global specified */
.info_topmargin {
	margin-top: 20px;
}

/* specify end */

.postmetadata{
	margin-bottom:20px;
}

.revision_note {
	color:#888888;
	margin-top: 10px;
	font-style: italic;
	font-size: 90%;
}

.code {
 color: #444444;
 font-family:"Courier New",Courier,mono;
 background: #EEEEEE;
 border-top: 1px dotted #CCCCCC;
 border-bottom: 1px dotted #CCCCCC;
 padding: 10px 0px 10px 10px;
 margin: 5px 0px;
}

.smaller{
font-size: 90%;
}