/*-----------------------------------------------------------------------------
	DEFAULT GLOBAL
-----------------------------------------------------------------------------*/

* {margin: 0; padding: 0;}

body {font: 62.5% verdana,arial,helvetica,sans-serif; color: #666666; background: #ffffff; text-align: center;}

.smaller {font-size: 0.9em;}
.smallest {font-size: 0.8em;}
.larger {font-size: 1.1em;}
.largest {font-size: 1.2em;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}
.floatleft {float: left;}
.floatright {float: right;}

p {margin: 0 0 0.9em 0;}
img {border: 0;}

.strong {font-weight: bold;}
.em {font-style: italic;}
.hide {display: none;}
.block {display: block;}
.inline {display: inline;}
.clear {position: relative; width: 100%; clear: both; line-height: 0; height: 0; display: block;}

hr {margin: 1em 0 1em 0; background: #eeeeee; width: 100%; height: 1px; color: #eeeeee; border: none; clear: both;}
.hr {margin: 1em 0 1em 0; border-top: 1px solid #eeeeee;}
	.hr hr {display: none;}
	
/* for flash and similar */
embed, object {position: relative; z-index: 0;}

/*-----------------------------------------------------------------------------
	TABLES
-----------------------------------------------------------------------------*/

table, td, th {vertical-align: top; text-align: left; font-size: 1em; line-height: 1.5em;}

/*-----------------------------------------------------------------------------
	DEFAULT LINKS
-----------------------------------------------------------------------------*/

a {color: #999999; text-decoration: none; cursor: pointer;}
	a:hover {color: #666666;}
	a:focus {-moz-outline: none;}
	a.more {font-weight: bold; font-size: 0.9em;}
	
/*-----------------------------------------------------------------------------
	DEFAULT HEADINGS
-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, h7 {text-align: left; font-style: italic; font-weight: bold; text-transform: lowercase;}
	h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {color: #000000;}

h1 {font-size: 2em; color: #ffffff; padding: 3px 10px 3px 10px; margin: 0 0 0.4em 0; background: #db804e; border-bottom: 5px solid #e29971;}
h2 {font-size: 2em; color: #e29971; margin: 0 0 0.4em 0;}
h3 {font-size: 1.8em; color: #808080; margin: 0 0 0.3em 0;}
h4 {font-size: 1.6em; color: #ba6d42; margin: 0.5em 0 0.2em 0;}
h5 {font-size: 1.4em; color: #999999; margin: 0.5em 0 0.1em 0;}
h6 {font-size: 1.2em; color: #e29971; margin: 0.5em 0 0.1em 0;}
h7 {font-size: 1.4em; color: #999999;}

h1.heading {font-size:10px; background:none; color:#000000; width:200px; float:left;}

/*-----------------------------------------------------------------------------
	DEFAULT LISTS
-----------------------------------------------------------------------------*/

ul {margin: 0 0 1em 1.5em;}
	ul li {margin: 0 0 0.2em 0;}
	ul.spaced li {margin: 0 0 1em 0;}
	
ol {margin: 0 0 1em 3em;}
	ol li {margin: 0 0 0.2em 0;}
	ol.spaced li {margin: 0 0 1em 0;}

/*
----------------------------------------------------------------------------- 
Forms
-----------------------------------------------------------------------------*/

form {font-size: 1em;}
fieldset {margin: 0; border: none; padding: 0;}

input, textarea, select {font-size: 1em; color: #666666; background: #eeeeee; margin: 0 5px 2px 0; padding: 1px 3px 1px 3px; border: 1px solid #eeeeee; font: 1em verdana,arial,helvetica,sans-serif;}
	textarea {overflow: auto; height: 100px;}
	select {padding: 0;}
label {margin: 0 5px 0 0;}

	.btn {float: none; border: none; color: #ffffff; background: #666666; margin: 0 5px 0 0; padding: 1px 3px 1px 3px; cursor: pointer; font-weight: bold; font-size: 1em; width: auto !important;}
		.btn:hover {color: #666666; background: #eeeeee;}
		.btn2 {background: #db804e; margin: 0 5px 0 0;}
		.btn2:hover {background: #eeeeee;}
		.btn3 {padding: 2px 7px 3px 7px;}

	input.auto {border: none; width: auto !important;}

input.whois { width: 200px; vertical-align: middle;  }

optgroup {font-style: normal;}
	optgroup option {padding: 0 0 0 20px;}

form br {clear: both; line-height: 0; height: 0;}
form .required {border: 1px solid #770000;}
.error-message {font-weight: bold; color: #770000;}

form.custom1 {}
	form.custom1 input, form.custom1 textarea, form.custom1 select {float: left; width: 100px;}
		form.custom1 select {width: 108px;}
	form.custom1 label {float: left; width: 100px; text-align: right;}
form.custom2 {}
	form.custom2 input, form.custom2 textarea, form.custom2 select {float: left; width: 200px;}
		form.custom2 select {width: 208px;}
	form.custom2 label {float: left; width: 30px; text-align: right;}
form.custom3 {}
	form.custom3 input, form.custom3 textarea, form.custom3 select {float: left; width: 180px; margin: 0 5px 10px 0;}
		form.custom3 select {width: 188px;}
	form.custom3 label {float: left; width: 120px; text-align: right;}
	form.custom3 label.detail {float: left; width: 180px; text-align: left; background: #eeeeee; margin: 0 5px 10px 0; padding:2px; display:block;}
	form.custom3 label.detail2 {float: left; width: 420px; min-height: 12px; text-align: left; background: #eeeeee; margin: 0 5px 10px 0; padding:2px; display:block;}
	form.custom3 input[type=text].redinput {border:1px solid #ff0000;}
	form.custom3 p.errmsg { color: #ff0000; }
form.signup1 {}
	form.signup1 input, form.signup1 textarea, form.signup1 select {float: left; width: 420px; margin: 0 5px 10px 0;}
		form.signup1 select {width: 428px;}
	form.signup1 label {float: left; width: 120px; text-align: right;}
	form.signup1 table { background: #eee; margin-bottom: 5px; width:428px; border:0;}
	form.signup1 input[type=checkbox] {float: left; width: 30px; text-align: right; border:0;}
	form.signup1 label.checklabel {float: left; width: 300px; text-align: left;}
form.signup2 {}
	form.signup2 input, form.signup2 textarea, form.signup2 select {float: left; width: 180px; margin: 0 5px 10px 0;}
		form.signup2 select {width: 50px;}
	form.signup2 label {float: left; width: 120px; text-align: right;}
	form.signup2 label.med {float: left; width: 170px; text-align: right;}
	form.signup2 label.sml {float: left; width: 10px; text-align: center;}
	form.signup2 input[type=checkbox] {float: left; width: 30px; text-align: right; border:0;}
	form.signup2 input[type=text].redinputsmall {border:1px solid #ff0000;}

/*-----------------------------------------------------------------------------
	LAYOUT
-----------------------------------------------------------------------------*/

#container {position: relative; width: 990px; margin: 0 auto; text-align: left; background: transparent url(/images/bg.gif) 0 0 repeat-y; font-size: 1em;}
	#subpage #container {width: auto; background: #ffffff; padding: 10px; margin-bottom: 20px;}

#container2 {padding: 0 10px 0 10px;}

#logo {float: left; display: block; margin: 20px 0 20px 0; color: #666666; background: transparent url(/images/logo_wokihost.gif) 10px 0 no-repeat; width: 580px;}
	#logo a {display: block; width: 170px; height: 30px; margin: 0 0 0 10px;}
		#logo a span {display: none;}

#search {float: left; width: 190px; margin: 20px 0 0 5px;}

#toplinks {float: left; width: 185px; margin: 20px 0 0 5px;}
	#toplinks {border-left: 1px solid #dddddd; margin: 10px 0 0 5px;}
		#toplinks ul {list-style: none; margin: 5px 0 5px 0;}
			#toplinks li {padding: 0 0 0 17px; background: transparent url(/images/bullet_2.gif) 10px 3px no-repeat;}
				#toplinks li.phone {padding: 0 0 2px 27px; background: transparent url(/images/phoneicon.gif) 10px 0 no-repeat; font-weight: bold; margin: 0.5em 0 0.3em 0;}
						#toplinks h1 {font-size:1em; color:#000000; padding:0px 0px 0px 10px; margin:0px;}

#main {float: left; clear: both; width: 970px; background: transparent url(/images/bg_main.gif) 100% 0 repeat-y; margin: 0 0 5px 0;}
	#main #header {position: relative; float: left; width: 580px; height: 190px; overflow: hidden;}
		#main #header #headerimg img {width: 580px; height: 190px;}
		#main #header .overlay {position: absolute; top: 120px; left: 0; width: 270px; padding: 0 10px; background: #ffffff; font-size: 1.2em; z-index: 10;}

	#main #content {float: left; width: 350px; height: 160px; margin: 15px 0 15px 20px; color: #ffffff;}
		#main #content h1 {font-size: 2em; color: #db804e; margin: 0 0 10px 0; padding: 0; background: transparent; border: 0;}
		#main #content h7 {font-size: 2em; color: #db804e; margin: 0 0 10px 0; padding: 0; background: transparent; border: 0;}
			
			#main #content h1 em {color: #ffffff;}
			#main #content h7 em {color: #ffffff;}
			

#middle {clear: both; width: 960px; height: 0; margin: 0 0 0 10px; overflow: visible; visibility: visible; display: inline-table;}
	#middle .head{float: left; width: 450px; margin: 0 20px 10px 10px;}
	#middle .bread{float: left; width: 450px; margin: 0 20px 10px 10px; color: #999999; text-align: right;}
	#middle .col{float: left; width: 450px; margin: 0 20px 10px 10px;}
	#middle .tab{float: left; width: 950px; margin: 0 20px 10px 10px;}

#boxes {float: left; /*clear: both;*/width: 975px; background: transparent url(/images/bg_boxes.gif) 0 0 repeat-y; margin: 0 0 5px 0; font-size: 1em;}
	#boxes .box {float: left; width: 190px; margin: 0 5px 0 0; min-height: 160px; color: #ffffff;}
		* html #boxes .box {height: 160px;}
	
	#boxes .box ul {margin: 0 0 0 0; list-style: none;}
	#boxes .box li {margin: 0 0 0 0; padding: 5px 5px 5px 17px; color: #ffffff; background: transparent url(/images/bullet_1.gif) 10px 8px no-repeat;}
	#boxes .box li a {color: #ffffff;}
		#boxes .box li a:hover {color: #000000;}

	#boxes .box1 ul {border-bottom: 1px solid #e6a683;}
		#boxes .box1 li {border-top: 1px solid #e6a683; border-bottom: 1px solid #ba6d42;}
	#boxes .box2 ul {border-bottom: 1px solid #dfa281;}
		#boxes .box2 li {border-top: 1px solid #dfa281; border-bottom: 1px solid #b2683f;}
	#boxes .box3 ul {border-bottom: 1px solid #d79e7e;}
		#boxes .box3 li {border-top: 1px solid #d79e7e; border-bottom: 1px solid #a8633c;}

	#boxes .box4 {position: relative;}
		#boxes .box4 img {width: 190px;}
		#boxes .box4 .overlay {position: absolute; top:0; left: 0; width: 190px; height: 100%; background: transparent;}
			#boxes .box4 .overlay:hover {background: url(/images/ffffff_30.png)}
		#boxes .box4 a .footer {display: block; font-size: 1.1em; padding: 3px 5px 5px 5px; text-align: center; border-top: 5px solid #888888; color: #ffffff; background: #777777;}
			#boxes .box4 a:hover .footer {border-top: 5px solid #cf5728; background: #a73e00;}
		
	#boxes .box5 {color: #666666;}
		#boxes .box5 li {color: #666666; border: none; background: transparent url(/images/bullet_2.gif) 10px 8px no-repeat;}
		#boxes .box5 li a {color: #666666; display: block;}
			#boxes .box5 li a:hover {color: #43a117;}

	#boxes h2 {font-size: 2em; color: #ffffff; padding: 3px 10px 3px 10px; margin: 0; background: transparent;}
		#boxes .box1 h2 {border-bottom: 5px solid #e29971;}
		#boxes .box2 h2 {border-bottom: 5px solid #da956e;}
		#boxes .box3 h2 {border-bottom: 5px solid #d1906b;}
		#boxes .box5 h2 {font-size: 1.6em; color: #c67446; padding: 10px 10px 10px 10px; margin: 0; border: 0;}

#footer {clear: both; width: 970px; background: #ffffff url(../images/bg_footer.gif) 0 0 no-repeat; padding: 10px 10px 25px 10px; color: #666666;}
	#footer a {color: #999999;}
		#footer a:hover {color: #666666;}

#secure_container {position: relative; text-align: left; width:670px; background: #ffffff; /*left:22%;*/ padding: 20px 0px 0px 0px; margin: 0 auto;}

#secure_form {background: #ffffff; color:#666666; border: 1px solid #cccccc; text-align:left; width:670px; height:480px; padding:0px;}

#secure_footer {clear: both; width:670px; padding: 10px 0px 0px 0px; color: #666666;}
	#secure_footer a {color: #999999;}
		#secure_footer a:hover {color: #666666;}

/*-----------------------------------------------------------------------------
	TOP NAVIGATION
-----------------------------------------------------------------------------*/

#nav {float: left; clear: both; width: 970px; background: transparent url(/images/bg_nav.gif) 0 0 repeat-x; margin: 0;}

/*** ESSENTIAL STYLES ***/
.nav, .nav * {margin: 0; padding: 0; list-style: none;}
	.nav {line-height: 1em;}

.nav ul {position: absolute; top: -999em; width: 10em;}
	.nav ul ul {width: 11em;}
.nav li {float: left; position: relative; z-index: 99;}

.nav a {display: block;}

.nav li:hover ul, ul.nav li.sfHover ul {left: 0; top: 3em;}

.nav li:hover li ul, .nav li.sfHover li ul {top: -999em;}

.nav li li:hover ul, ul.nav li li.sfHover ul {left: 11em; top: 0;}

.superfish li:hover ul, .superfish li li:hover ul {top: -999em;}

/*** ORIGINAL SKIN ***/
.nav {float: left; font-size: 1.1em;}

.nav li {width: auto; font-weight: normal;}
	.nav li a {color: #666666; padding: 1em 0.75em 1em 0.75em; width: auto;}
	.nav li:hover, .nav li.sfHover, .nav li a:hover {color: #000000; background: #eeeeee;}

.nav li li {border-bottom: 1px solid #ffffff; background: #eeeeee; font-weight: normal;}

.nav li li a {color: #666666; padding: 0.4em 0.75em 0.4em 0.75em; width: 16em;}

.nav li li:hover, .nav li li.sfHover, .nav li li a:hover {color: #ffffff; background: #666666;}

/*-----------------------------------------------------------------------------
	SEARCH Results
-----------------------------------------------------------------------------*/
.h3-search {text-align: left; font-style: italic; font-weight: bold; text-transform: lowercase; font-size: 1.8em; color: #808080; margin: 0 0 0.3em 0;}
#results{float: left; width: 350px; margin: 5px 0 5px 5px; color: #ffffff;}
.results h8 {font-size: 1.4em; color: #ffffff; margin: 0 0 10px 0; padding: 0; background: transparent; border: 0;}
.results h8 em {color: #db804e;}


/*-----------------------------------------------------------------------------
	Table Class
-----------------------------------------------------------------------------*/


.tablecopy { border:0px solid; border-collapse: collapse; }
.tablecopy .header { padding:5px 0 5px 5px; background: #ECE9D8 } /* padding: Top Right Bottom Left*/
.tablecopy .item{ padding:5px 0 5px 5px; }
.tablecopy .alt { background: #EEEEEE; }
.tablecopy .middle { text-align:center; }
.tablecopy .right { text-align:right; }
.tablecopy .bold { font-weight: bold; }
.tablecopy .italic { font-style: italic; }
.tablecopy .right { text-align: right; }
.tablecopy a { color:#8A5131; }
.tablecopy a:hover { color:#43a117; }

.tablecopy .w80 { width:80px; }

/*-----------------------------------------------------------------------------
	AJAX Tabs
-----------------------------------------------------------------------------*/

/* YUI Tabs */

/* default space between tabs */
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li,
.yui-navset .yui-navset-bottom .yui-nav li {
    margin:0 0.5em 0 0; /* horizontal tabs */
}
.yui-navset-left .yui-nav li,
.yui-navset-right .yui-nav li {
    margin:0 0 0.5em; /* vertical tabs */
}

/* default width for side tabs */
.yui-navset .yui-navset-left .yui-nav,
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-left .yui-nav,
.yui-navset-right .yui-nav { width:6em; }

.yui-navset-top .yui-nav,
.yui-navset-bottom .yui-nav {
    width:auto;
	/*width:960px;*/
	text-align:left;

}
.yui-navset .yui-navset-left,
.yui-navset-left { padding:0 0 0 6em; } /* map to nav width */
.yui-navset-right { padding:0 6em 0 0; } /* ditto */



/* .yui-navset defaults to .yui-navset-top */
.yui-skin-woki .yui-navset .yui-nav,
.yui-skin-woki .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */
    border:solid #bbbbbb; /* color between tab list and content */
    border-width:0 0 0 0;
    Xposition:relative;
    zoom:1;
}

.yui-skin-woki .yui-navset .yui-nav li,
.yui-skin-woki .yui-navset .yui-navset-top .yui-nav li {
    margin:0 0.16em 0 0; /* space between tabs */
    padding:1px 0 0; /* gecko: make room for overflow */
    zoom:1;
}

.yui-skin-woki .yui-navset .yui-nav .selected,
.yui-skin-woki .yui-navset .yui-navset-top .yui-nav .selected { 
    margin:0 0.16em 0px 0; /* for overlap */
}

.yui-skin-woki .yui-navset .yui-nav a,
.yui-skin-woki .yui-navset .yui-navset-top .yui-nav a {
    background:#ffffff /* tab background */
    border:solid #bbbbbb;
    border-width:1px 1px 1px 1px;
    color:#000;
    text-decoration:bold;
}

.yui-skin-woki .yui-navset .yui-nav a em,
.yui-skin-woki .yui-navset .yui-navset-top .yui-nav a em {
    border:solid #bbbbbb;
    border-width:1px 1px 0 1px ;
    cursor:hand;
    padding:0.25em .75em;
    left:0; right: 0; bottom: 0; /* protect from other orientations */
    position:relative;
	background: #ffffff;
}

.yui-skin-woki .yui-navset .yui-nav .selected a,
.yui-skin-woki .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-skin-woki .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
    background:#ffffff /* selected tab background */
	color:#000000;
	text-decoration:none;
}

.yui-skin-woki .yui-navset .yui-nav a:hover,
.yui-skin-woki .yui-navset .yui-nav a:focus {
	text-decoration:underline;
}

.yui-skin-woki .yui-navset .yui-nav .selected a em {
    padding:0.25em 0.75em; /* raise selected tab */

	color: #000000;
	background:#eeeeee;
}

.yui-skin-woki .yui-navset .yui-nav .selected a,
.yui-skin-woki .yui-navset .yui-nav .selected a em {
    border-color:#bbbbbb; /* selected tab border color */
    border-width:1px 1px 0 1px;
}

.yui-skin-woki .yui-navset .yui-content {
    background:#ffffff; /* content background color */
}

.yui-skin-woki .yui-navset .yui-content,
.yui-skin-woki .yui-navset .yui-navset-top .yui-content {
    border:1px solid #bbbbbb; /* content border */
    border-top-color:#bbbbbb; /* different border color */
    /* padding:0.25em 0.5em; content padding */
}
.yui-content .pdiv {padding:0.25em 0.5em;}