@import url("reset.css");
@import url("text.css");

body {
	color: #444;
}
a { outline: none }
#ad { text-align:center; width: 468px;  padding: 4px 3px 3px 3px; 	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; margin-top: 8px; margin-bottom:5px; margin: 0 auto;  }
#header {
	width: 100%;
	height: 46px;
	margin: 50px 0 10px 0;
}
#header a { display:block; width:100%; height:100%; text-indent: -999em; margin: 0 auto; width:194px; height: 46px;  }
#content {
	width: 245px;
	margin: 0 auto;
	text-align: center;
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;

}
#view { margin: 0 auto; text-align:center; }
#footer {
	color: #fff;
	font-size: 10px;
	width: 245px;
	text-align: center;
	margin: 0 auto;
	margin-top: 2px;
	padding: 2px;
	margin-bottom: 5px;
}
#footer a { text-decoration: none }
#blink { text-decoration: blink; }
.error { 
padding: 4px 10px;
background: #F56118;
border: 2px solid #d96024;
font-size: 11px;
color: #fff;
text-align: center;
margin: 7px 0 0 0;
}
#notice { text-align: center; }
#notice a { font-weight: bold; }
#cancel a { color: #FD321C; font-weight: bold; text-decoration: none; }
#cancel a:hover { color:#AF2F03 }
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
.error2{	
padding: 4px 10px;
background: #F56118;
border: 2px solid #d96024;
font-size: 11px;
color: #fff;
text-align: left;
margin: 0 0 10px 0; }

.success{	
padding: 4px 10px;
background: #D6FE5C;
border: 2px solid #9BE90A;
font-size: 11px;
color: #000;
text-align: center;
margin: 0 0 10px 0; }
.info { 
margin: 0 0 5px 0;
padding: 5px;
background: #feff8e;
border: 1px solid #cdce6a;
font-size: 11px;
color: #85862e;
text-align: left;
}
.info a { color: #000; text-decoration: none; }
.info a:hover { color: #616161; }
.plus ol{color:#353535;margin:8px 0 8px 30px;padding:0;}
.plus li{list-style-image:url(../images/icons/tick.png);font-size:13px;margin:0 0 3px;}
#up {
	font-size: 24px;
	font-weight: bold;
	color: #535353;
	padding: 6px;
	background: #e9e9e9;
	border: 2px solid #c6c6c6;
	display: block;
	text-decoration: none;
	cursor: pointer;

}
#up:hover {
	color:#ffffff;
	background: #93e7ff;
	border: 2px solid #54bcda;
	cursor: pointer;
}
.shadow { text-shadow: 0 0 4px #A3A3A3; }
.text { margin-top: 5px; }
.upInfo {
padding: 4px 7px;
background: #fff;
border: 1px dotted #e0e0e0;
font-size: 10px;
color: #212121;
text-align: left;
margin: 7px 0 0 0;
}
#styleChange {     
	display:block;
    position:absolute;
    top:0;
    right:0;
	font-size: 12px;
	padding: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
 }
#styleChange a { text-decoration: none }

/* NAVIGATION */
.idTabs { margin: 0 0 5px 0; font-size:11px }
.idTabs li
{
display: inline;
padding: 0;
margin: 0;
}
.idTabs li a { text-decoration: none; color:#2E2E2E;  }
.idTabs li a:hover { color: #727272 }
.idTabs li a.selected { font-weight: bold; }

.idTabs li:before { content: "| "; color: #CCC }
.idTabs li:first-child:before { content: ""; }

* html .idTabs li
{
border-left: 1px solid black;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

* html .idTabs { height: 1%; }

* html .idTabs li
{
display: block;
float: left;
}
* html .idTabs li:first-child { border-left: 0; }
/* END */


#flashnav, #swf, #ad { z-index: 21; position: relative; }
  
ul#navlist {
margin-left: 0;
padding-left: 0;
white-space: nowrap;
text-align: center;
margin-bottom: 10px;
cursor:default;
margin-top: 3px;
}

#navlist li {
display: inline;
list-style-type: none;
}

#navlist a {
padding: 3px 5px 3px; 
cursor:pointer;
text-decoration: none;
}

#navlist a:hover, #navlist a.active {
color: #fff;
background-color: #2ba4d7;
}
#faq fieldset {
border: 1px solid #CCC;
margin-bottom:10px;
margin-top:0;
padding:5px;
}
legend { font-weight: bold; color:#404040;}
#adv {
padding: 4px 10px;
background: #fafafa;
border: 1px dotted #a1a1a1;
font-size: 11px;
color: #2b2b2b;
text-align: left;
margin: 7px 0 0 0;
}
#adv a { color: #292929; text-decoration: none; }
#adv a:hover { color: #888; }
#adv ul, li { list-style-type: none}
#adv li { border-bottom: 1px dotted #c3c3c3; padding: 2px 0; }
#adv li.nodivide { border:0; }
#adv input[type=password], #adv input[type=text] {  padding:0; margin: 2px 0 2px 2px; font-size: 11px; width: 161px; }
#adv input[type=text] { margin: 2px 0 2px 6px;}
#adv label { cursor: pointer }
#divide { border: 0; border-bottom: 1px dashed #ccc; margin:0; padding:0; margin-bottom: 5px; }
#form fieldset
{
	display: block;
	border: 0 solid #FFFFFF;
	padding: 0 1em 0 1em;
}
#form fieldset.radio
{
	margin: 0 0 0 -1em;
	border: 0 solid #FFFFFF;
}

#form fieldset.radio input
{
	position: static;
	clear: both;
	float: left;
}

#form fieldset.radio label
{
	position: relative;
	top: -1.25em;
	display: inline;
	width: auto;
	margin: 0 0 0 8em;
	font-weight: bold;
	font-weight: normal;
}

#form fieldset.radio legend
{
	float: left;
	font-weight: bold;
}

#form input.text
{
	position: relative;
	top: -1.4em;
	left: 7em;
	display: block;
	width: 171px;
}
#form input.checkbox
{
	position: relative;
	top: -1.3em;
	left: 7em;
	display: block;
}
#form input.submit
{
	position: static;
	clear: both;
	top: 0;
	display: block;
	width: 75px;
	margin: 0 auto;
}

#form label
{
	clear: both;
	float: left;
	display: block;
	width: 9em;
	margin-top: -1em;
	color:#999
	
}

#form label.first
{
	margin-top: 5px;
}

#form select
{
	position: relative;
	top: -1.4em;
	left: 8em;
	display: block;
}









#form2 fieldset
{
	display: block;
	border: 0 solid #FFFFFF;
	padding: 0 1em 1em 1em;
}
#form2 fieldset.radio
{
	margin: 0 0 0 -1em;
	border: 0 solid #FFFFFF;
}

#form2 fieldset.radio input
{
	position: static;
	clear: both;
	float: left;
}

#form2 fieldset.radio label
{
	position: relative;
	top: -1.25em;
	display: inline;
	width: auto;
	margin: 0 0 0 8em;
	font-weight: bold;
	font-weight: normal;
}

#form2 fieldset.radio legend
{
	float: left;
	font-weight: bold;
}

#form2 input
{
	position: relative;
	top: -1.4em;
	left: 10em;
	display: block;
	width: 220px;
}

#form2 input.submit
{
	position: static;
	clear: both;
	top: 0;
	display: block;
	width: 100px;
	margin: 0 auto;
}

#form2 label
{
	clear: both;
	float: left;
	display: block;
	width: 9em;
	margin-top: -0.5em;
	color:#999
	
}

#form2 label.first
{
	margin-top: 1em;
}

#form2 select
{
	position: relative;
	top: -1.4em;
	left: 8em;
	display: block;
}







#announcement {
	background: #30A4FA;
	padding: 5px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	border-bottom: 3px solid #2086d2;
}

#announcement a {
	background: #2a96e6;
	display: inline-block;
	padding: 2px;
	text-decoration: none;
	color: #fff;
}
#announcement a:hover {
	background: #2685cb;
}
#announcement a.close {
	background: none;
	display: inline-block;
	padding: 0;
	text-decoration: none;
}