@charset "UTF-8";

/* ------------------ base ------------------ */

body {
	margin:0 20px 20px 20px;
	font-size:12px;
	line-height: 1.5;
}

ul li, ol li {
	list-style: none;
}

a {
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

input, select {
	vertical-align:middle;
}
input, textarea, select {
	margin:2px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,	
textarea:focus {
	border:1px solid #888866;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"] {
	padding:0.25em 0.5em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea {
	border:1px solid #D7D7D7;
}

input[type="button"], input[type="submit"], input[type="reset"] {
	background:#eee none repeat scroll 0 0;
	border:1px outset #ccc;
	color:#222;
	padding:0.1em 0.4em 0.1em 0.4em;
}

div.container {
	min-width: 900px;
	width: expression(document.body.clientWidth < 902? "900px" : "auto");
}

div.content {
	width: 100%;
	padding:0 0 20px 0;
	overflow:hidden;
	zoom:1;
}

/* .layout_twt (3 columns) */
.layout_twt #main_content {
	margin-left: -100%;
	width: 100%;
	float: right;
	clear: right; /* for IE */
}

.layout_twt #sub_content {
	width: 190px;
	float: left;
	clear: left; /* for IE */
}

.layout_twt #extra_content {
	width: 190px;
	float: right;
	border-top-width:5px;
	border-top-style: solid;
	border-left-width:5px;
	border-left-style: solid;
	border-right-width:5px;
	border-right-style: solid;
	border-bottom-width:5px;
	border-bottom-style: solid;
}

.layout_twt #main_content .section {
	margin-left: 220px;
	margin-right: 220px;
	border-left-width:5px;
	border-left-style: solid;
	border-right-width:5px;
	border-right-style: solid;
	border-bottom-width:5px;
	border-bottom-style: solid;
}

/* .layout_tw (2 columns) */
.layout_tw #main_content {
	margin-left: -100%;
	width: 100%;
	float: right;
	clear: right; /* for IE */
}

.layout_tw #sub_content {
	width: 190px;
	float: left;
	clear: left; /* for IE */
}

#menu_container {
	border-left-width:5px;
	border-left-style: solid;
	border-right-width:5px;
	border-right-style: solid;
	border-bottom-width:5px;
	border-bottom-style: solid;
}

.layout_tw #main_content .section {
	margin-left: 220px;
	border-left-width:5px;
	border-left-style: solid;
	border-right-width:5px;
	border-right-style: solid;
	border-bottom-width:5px;
	border-bottom-style: solid;
}

/* .layout_w (1 column) */

.layout_w #main_content .section {
	border-left-width:5px;
	border-left-style: solid;
	border-right-width:5px;
	border-right-style: solid;
	border-bottom-width:5px;
	border-bottom-style: solid;
}

div#head,
header#head {
	padding:0 0 20px 0;
	overflow:hidden;
	zoom:1;
}

#head_logo {
	float:left;
	font-size:80px;
	font-family:Arial, Helvetica;
	text-decoration:none;
	text-indent:-9999px;
	z-index:9999;
}

#head_logo a.sokmil {
	display:block;
	width:468px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background: url(../images/logo/sokmillabs-trans.png) 0 40px no-repeat;
	text-indent:-9999px;
}

#head_logo a.videx {
	display:block;
	color:#fff;
	width:428px;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	background: url(../images/logo/videxlabs-trans.png) 0 40px no-repeat;
	text-indent:-9999px;
}

#head .search {
	float:right;
	width:170px;
	padding:10px;
	margin:45px 0 0 0;
	text-align:center;
	border-width:5px;
	border-style: solid;
}

#labs_search input.labs-form {
	width:90px;
}

#labs_search input.labs-btn {
}



/* ------------------ main common ------------------ */

#main_content div.section {
	border-top:5px solid;
	padding:0;
}


#main_content h1 {
	font-size:24px;
	font-weight:bold;
}

#main_content h2 {
	clear:both;
	font-size:18px;
	font-weight:bold;
}

#main_content h3 {
	font-size:12px;
	font-weight:bold;
}

#main_content h2 a {
	text-decoration:none;
}

#main_content #labs_plusone {
	position: relative;
}
#main_content #labs_plusone > div {
	position: absolute;
	right:0;top:0px;
}

div#foot,
footer#foot {
	clear:both;
	padding:1em;
	text-align:center;
	font-size:10px;
	border:5px solid;
}


/* ------------------ left menu common ------------------ */

#sub_content h2 {
	font-weight:bold;
}

#sub_content dl {
	padding:0.5em 0 1em 0;
}

#sub_content dd {
	padding:0 0 0.5em 0;
}

/* #header_navi ----------------------------------------- */
#vuser {
	position:absolute;
	right:0;
	top:0;
}

/* #header ----------------------------------------- */
#search {
	position:absolute;
	right:0;
	top:0;
}

/* #site_navi ----------------------------------------- */
ul.menu_cat {
	margin:0;
	padding:0;
	list-style:none;
}

ul.menu_cat li {
	margin:0;
	padding:0;
}

ul.menu_cat li.menu_header {
	margin:0 0 1em 0;
}

ul.menu_cat li.menu_header h2 {
	display:block;
	padding:0 0 0 5px;
	font-size:16px;
	font-weight: bold;
	font-family:Arial, Helvetica;
	border-top-width:5px;
	border-top-style:solid;
	border-bottom-width:5px;
	border-bottom-style:solid;
}

ul.menu_list {
	padding:0 1em;
	margin:0;
	line-height:1.5;
	list-style:none;
}

ul.menu_list li {
	margin:1em 0 0 0;
}

ul.menu_list li span {
	display: block;
	font-size:8pt;
	margin:0;
	padding:0;
	line-height:100%;
}

ul.menu_list li span {
	font-weight: bold;
}

/* ------------------ top page main ------------------ */

.main_top .inner, .main_content .inner {
	padding:1em;
	overflow:hidden;
	zoom:1;
}

.feature, .pickup, .blog {
	clear: both;
}

.main_top h3 {
	font-size:12px;
	font-weight:bold;
}

.main_top .feature h3 {
	font-size:14px;
	font-weight:bold;
}

.main_top h2 {
	padding:0 0 0 10px;
	font-size:24px;
	font-weight: bold;
	font-family:Arial, Helvetica;
	border-top-width:5px;
	border-top-style:solid;
	border-bottom-width:5px;
	border-bottom-style:solid;
}

.main_top h2.first {
	border-top:none;
}

.main_top img {
	float:left;
	padding:0 1em 0 0;
}

.pickup .left {
	float:left;
	width:49%;
}

.pickup .right {
	float:right;
	width:49%;
}

@media (max-width: 320px) {
.pickup .left,.pickup .right {
	float: none;
	width: auto;
}
}

.blog dt {
	float: left;
	width: 6.5em;
}

.blog dt, .extra_top dt {
	font-size:12px;
	font-weight: bold;
	font-family:Arial, Helvetica;
}

.blog dd {
	margin-left: 6.5em;
	padding:0 0 0.5em 0;
}

.blog a {
	display:block;
}

.main_top p {
	overflow:hidden;
	_zoom:1;
}

/* ------------------ top page right menu ------------------ */

.extra_top h2 {
	padding:0 0 0 5px;
	font-size:16px;
	font-weight: bold;
	font-family:Arial, Helvetica;
	/*border-top-width:5px;
	border-top-style:solid;*/
	border-bottom-width:5px;
	border-bottom-style:solid;
}


.extra_top dl {
	padding:1em;
}

.extra_top dd {
	padding:0 0 0.5em 0;
}

/* ------------------ contents page main ------------------ */

.main_content .section {
	overflow:hidden;
	zoom:1;
}

.main_content h2 {
	border-bottom:1px dotted;
	margin-bottom:.5em;
}

.main_content h3 {
	border-bottom:1px dotted;
	margin-bottom:.5em;
}

.main_content img {
	float:left;
	padding:0 1em 0 0;
}

.main_content p {
	font-size:14px;
	overflow:hidden;
	margin:.5em;
	_zoom:1;
}

.main_content dt {
	margin:10px 0 0 0;
	font-size:14px;
	font-weight:bold;
}

.main_content ul {
	margin:10px 0 0 0;
}

.main_content li {
	padding:0 0 0.2em 0;
	margin:0 0 0 1.5em;
	list-style:circle;
}

.main_content .inner .box {
	clear:both;
	padding:0 0 1em 0;
	overflow:hidden;
	zoom:1;
}

/* ------------------ contents page right menu ------------------ */

.sub_info .section {
	padding:0.5em 1em 1em;
}

.sub_info dt {
	padding:1em 0 0 0;
	font-weight:bold;
	border-bottom:1px dotted;
}

.content_try a {
	display:block;
	width:166px;
	height:53px;
	margin:0.5em 0 0 0;
	background: url(../images/buttons/btn_try.gif) 0 0 no-repeat;
	text-indent:-9999px;
	outline:none;
}

.content_try a:hover {
	background: url(../images/buttons/btn_try.gif) 0 -53px no-repeat;
}

.content_try a.try_videx {
	background: url(../images/buttons/btn_try.gif) 0 -106px no-repeat;
}

.content_try a:hover.try_videx {
	background: url(../images/buttons/btn_try.gif) 0 -159px no-repeat;
}

.content_try a.try_sokmil {
	background: url(../images/buttons/btn_try.gif) 0 -212px no-repeat;
}

.content_try a:hover.try_sokmil {
	background: url(../images/buttons/btn_try.gif) 0 -265px no-repeat;
}

/* ------------------ service ------------------ */

.main_service .inner {
	padding:1em;
}
/* ------------------ search ------------------ */

#main_content .gsc-control {
	width:auto;
}

#main_content .gsc-tabHeader.gsc-tabhActive {
	border:#000 1px solid;
	border-top:#000 5px solid;
	border-bottom:#000 1px dotted;
}

#main_content .gsc-tabHeader.gsc-tabhInactive {
	color:#000;
	border:#ccc 1px solid;
	border-top:#ccc 5px solid;
	border-bottom:#000 1px dotted;
	background:#fff;
}

#main_content .gsc-resultsHeader{
	border-bottom:#000 1px dotted;
}

/* ------------------ form ------------------ */

/*
.form-panel { background:#eee; margin: 5px; padding: 5px; border-style:solid; border-color:#ccc; border-width:0 1px 1px 0; }
.form-panel fieldset { border:0; padding:5px; }
.form-panel input { margin:0px; line-height:1em; height:100%; }
.form-panel .form-row { clear: both; }
.form-panel .form-row-with-label label { float:left; width:35%; text-align:right; margin:1px 0px; }
.form-panel .form-row-with-label input { float:left; width:62%; margin:1px 0px; margin-left:10px; }
.form-panel input.checkbox-wh { margin-left: 200px; }
.form-panel input.checkbox-wh { width:12px; height:12px; margin-right:2px; vertical-align:middle; }
.form-panel input.warning { border: 1px solid red; }
.form-panel .form-warning { color: red; display: block; }
.wizard-buttons { clear:both; width:240px; margin:8px auto; text-align:right; text-align:center; }
.wizard-buttons:after{ content:'.'; display:block; height:0px; clear:both; visibility:hidden; }
.wizard-buttons div {float:right; margin-right:10px;}
.wizard-buttons div a,
.wizard-buttons div input {display:block; margin:0; text-decoration:none;}
.wizard-buttons div a:hover,
.wizard-buttons div input.ipt-hover { background-position:0px 0px; }
.wizard-buttons .next a,
.wizard-buttons .next input { width:100px; height:23px; background:url("../images/buttons/btn_forward.jpg") 0 -23px no-repeat; }
.wizard-buttons .prev a { width:100px; height:23px; background:url("../images/buttons/btn_cancel.jpg") 0 -23px no-repeat; }
.wizard-buttons .return a { width:78px; height:23px; background:url("../images/buttons/btn_back_mini78.jpg") 0 -23px no-repeat; }
*/

table.form_table  {
	padding:4px; clear:both;
	background:#f0f0f0;
	border: 1px solid #ccc;
	border-top: none;
}
table.form_table td,
table.form_table th {
	padding:.5em;
	border: 1px solid #ccc;
}
table.form_table tr {
	border: 1px solid #ccc;
}
table.form_table td {
	background:#fff;
}
table.form_table td ul > li { color:red; }
table.form_table th label {
	margin-right:1em;
}

.wizard_buttons { 
	clear:both; width:100%; margin:8px auto;
	display: -webkit-box;;
	display: -moz-box;;
	display:box;
	-webkit-box-align: center;
	-moz-box-align: center;
	box-align: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-pack: center;
}

.wizard_buttons > a,
.wizard_buttons > input
{
	background: #eee;
	border: 5px solid #000000;
	color: #333;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	margin: 2px;
	padding: 10px 0 10px 0;
	text-align: center;
	text-shadow: 0px -1px 1px #fff;
	width: 150px;
	min-height: 33px;  
	line-height: 33px;
	display:inline-block;
	
}
.wizard_buttons > a:visited,
.wizard_buttons > input {
	color: #333;
	text-decoration: none;
}

.wizard_buttons > a:active,
.wizard_buttons > a:hover,
.wizard_buttons > input:hover {
	border: 5px solid red;
	background: #fff;
}
.wizard_buttons .prev {
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	box-ordinal-group: 1;
}
.wizard_buttons .next {
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	box-ordinal-group: 2;
}

/* ------------------ login ------------------ */

#login_content > p { text-align:center; }
#login_content .wizard_description { text-align:center; }
#login_content table { margin: auto }
#login_content .privacy { text-align: center; }
#login_content { width:600px; }


/* ------------------ misc ------------------ */

.end_of_service, .not_availabled {
    border: 3px solid #ff0000;
    background-color:#ff3333;
    color: #fff;
    text-shadow: 0px 0px 1px #333;
    font-weight: bold;
    padding: .5em;
    margin-bottom:.5em;
}

.end_of_service a,
.not_availabled a,
.end_of_service a:visited,
.not_availabled a:visited {
	color:#fff;
}

.indicator {
	background-image: url("../images/loading/ajax-loader02.gif");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}

.fixed, .clear-both {
	clear: both;
}

.border_box {
	border-style: solid;
	border-width: 5px;
}

.triangle-border {
	background: #fff;
    border: 5px solid #000;
    border-radius: 10px 10px 10px 10px;
    margin: 1em 0 3em;
    padding: 15px;
    position: relative;
}
.triangle-border:before {
    border-color: #333 transparent;
    border-style: solid;
    border-width: 20px 20px 0;
    bottom: -20px;
    content: "";
    display: block;
    left: 40px;
    position: absolute;
    width: 0;
}
.triangle-border:after {
    border-color: #FFFFFF transparent;
    border-style: solid;
    border-width: 13px 13px 0;
    bottom: -13px;
    content: "";
    display: block;
    left: 47px;
    position: absolute;
    width: 0;
}

body#error_page {
	min-height:100%;
	overflow: auto;
	position: relative;
}
body#error_page > div#container {
	height: auto;
	overflow: auto;
	position: fixed;
	z-index: 1;
	width: 100%;
	height:100%;
	min-height:100%;
	display: -webkit-box;;
	display: -moz-box;;
	display:box;
	-webkit-box-align: center;
	-moz-box-align: center;
	box-align: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-pack: center;
}

#debug_bar,
#debug_console  {
	background-color: #F7F7F7;
	background-image: -moz-linear-gradient(-90deg, #E4E4E4, #ffffff);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4e4e4), to(#ffffff));
	border-left: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	color: #2F2F2F;
}

#debug_bar {
	padding:2px 4px 2px 4px;
	position:absolute;
	top:0px; right:0px;
}

#debug_console {
	padding:10px;
	margin-top:20px;
	border: 5px solid #999;
}
#debug_console ul {
	margin-left:20px;
}