/* Title: Base CSS for myphone.gr */
/* Reset CSS */
/* ----------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0;
	border: 0; outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
	
ol, ul {list-style:none}
blockquote, q {quotes:none}
:focus {outline:0}
table {border-collapse:collapse;border-spacing:0}
a {text-decoration:none;color:#4580CA} 
a img {border:none}
hr, .hide {display:none}
code, pre {font-family:"Andale Mono",Monaco,courier,monospace;}

/* Self-Clear Floats */
.floatcontainer:after, .block_row:after, .group:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* .floatcontainer, .block_row {display: inline-block;} */
.floatcontainer, .block_row {display:block}

/* Basic Assumptions */
.right {float:right} .left {float:left}
.inline {display:inline-block}
.textleft {text-align:left} .textright {text-align:right} .textcenter {text-align:center}
.noborder {border:none}
.noradius {border-radius:0!important}
.bottom {vertical-align:bottom}
.fakecenter {margin:0 auto;text-align:center}
.clearbox {display:block}
.trigger {cursor: pointer}
.bold {font-weight:bold}
.normal {font-weight:normal}
.noshadow {text-shadow:none}
.big {font-size:1.2em}
.bigger {font-size:1.4em}
.smallfont {font-size:0.9em}
.smallerfont {font-size:0.8em}
.smallestfont {font-size:0.76em}
.underline {text-decoration:underline}
.shade {color:#888}
.red {color:#b72f2f}
.helpme, .help {cursor:help}
.justified {text-align:justify}
.lessspacing {letter-spacing:-1px}
.relative {position:relative}
.clearme {clear:both}
.nooverflow {white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis}

/* Some Marginals */
.marginbottom {margin-bottom:20px}
.margintop, #qr_error_tbody {margin-top:20px}

/* Basic CSS */
/* 960px for 1024 minimum */
body {background: #5f80b3;font-family: Verdana, Geneva, Tahoma, sans-serif;color: #fff;line-height:1;min-width:960px;} /* 5f80b3 */
.bodynormal, .bodymini {background: #7292c2}
.bodymini {min-width:100px}

/* Generic Declerations */
.prewrap {margin:0px auto; max-width:1280px;}
.warp {margin:0 2em; background:#7292c2;} /* drop it? */
.page {padding:20px 20px 20px 20px; background: #7292c2 url('/img/page_bg.gif') repeat-x top left;}  /* 20 20 5 20 */
.mainpage {padding:20px 20px 5px 20px; background: #7292c2 url('/img/page_full_bg.png') repeat-x top left;} 

/* Header */

/* Logo */
#hdlogo {padding:8px 1px 8px 8px; display:block; height:90px; background:#7292c2 url('/img/head_bg.gif') repeat-x top left;}
#hdlogo .logo a {background: url('/img/myphone.png') no-repeat; width:220px; height:90px; display: block; text-indent: -999em;}
#hdlogo .logobeta a {background: url('/img/myphone_beta.png') no-repeat; width:220px; height:90px; display: block; text-indent: -999em;}
#hdlogo .logo, #hdlogo .logobeta {float:left;}
#hdlogo .banner {padding-left:2px; text-align:center; overflow:hidden;}

/* Horizontal Menu */
.barmenu_parent {
	border-top: 1px solid #26416a; border-bottom:2px solid #26416a; 
	background: #25497e url('/img/bar_norm.gif') top left repeat-x;
	height:33px; overflow:hidden;
}
.barmenu {
	font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif; font-weight: 700; font-size:12px; 
	margin-bottom: 1em; overflow: hidden;
	vertical-align: middle; float:left;
	width: 100%; height:33px;
}
.barmenu li {
	display: inline; font-weight:bold; line-height: 33px;
	/* height:33px; */
}
.barmenu li a {
	-webkit-transition: background-color .4s linear;
	-moz-transition: background-color .4s linear;
}
.barmenu li a:visited {color:#aec2e1}
.barmenu li a:hover, .barmenu li .current {color:#d2dff4; background:#1c3f70 url('/img/bar_selected.gif') top left repeat-x;}

.barmenu li img {vertical-align:middle}
.bar_home {text-indent:-999em; width:18px; background: url('/img/bar_home.gif') no-repeat center center; top:-2px; display:block;}
.bar_lens {text-indent:-999em; width:18px; background: url('/img/bar_lens.gif') no-repeat center center; top:-2px; display:block;}

.left_bar {float:left; color: #aec2e1; padding: 0px 11px; border-right: 1px solid #001;}
.right_bar {float:right; color: #aec2e1; padding: 0px 11px; border-left: 1px solid #001;} /* 2 px seems ok for bar_lens */

/* navigation scrolldowns */
.nav_scroll {display: none;color:#fff;background:#2c538c;padding:10px;border-bottom:2px solid #486694;border-top:2px solid #14305b;text-align: center;}
.nav_scroll label {font-family: "Lucida Grande", Tahoma, sans-serif; font-size:0.75em;}
.nav_scroll a {color:#9ab9e7; text-decoration:underline;}
.nav_scroll a:hover {color:#c2d7f7;}
.nav_scroll .button {font-size:0.75em;}
.nav_scroll .entrybox {border:1px solid #000; font-size:0.75em; background:#d5e3f8;}
.nav_scroll .entrybox:focus {background:#fff;}
.nav_scroll span {font-size:0.625em;display:block;margin:5px;}

/* Helpful Declarations */
.fadetofeat {border-top:1px solid #93afd8;} /* not required anymore? */
.fadetoblack {border-top: 1px solid #000;}

/* Category Bar Construction Kit */
.bar, .pnxtcat, .pnxthead {font-size:11px; font-weight:bold; font-family:'Lucida Grande', Tahoma, sans-serif; line-height:2; margin:0px; padding:5px 5px 5px 10px;}
.dark, .pnxtcat {border: 1px solid #14306f; color:#fff; background:#0a458a url('/img/cat_bar_dark.gif') top left repeat-x;}
.light, .pnxthead {border: 1px solid #14306f; color:#fff; background:#7593c3 url('/img/cat_bar_light.gif') top left repeat-x;}
.white {border:1px solid #385372; color:#394b61; background:#dee8f4 url('/img/cat_bar_white.gif') top left repeat-x; }

.bar a {color:#fff;}
.bar a:hover {color:#b1d6ff}

.bardarklink {color:#e7f2ff}
.bardarklink a {color:#b1d6ff}
.bardarklink a:hover {text-decoration:underline}

.sideborders {border-left:1px solid #14306f; border-right:1px solid #14306f;}

.light a {color:#e2eaf6;}
.light a:hover {text-decoration:underline}

.rounded {border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;}
.rounded-top {border-radius:6px 6px 0px 0px; -webkit-border-radius:6px 6px 0px 0px; -moz-border-radius:6px 6px 0px 0px;}
.rounded-bottom {border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; -moz-border-radius: 0 0 6px 6px;}
.mini-rounded {-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.mini-rounded-top {border-radius:3px 3px 0px 0px; -webkit-border-radius:3px 3px 0px 0px; -moz-border-radius:3px 3px 0px 0px;}
.no-bottom {border-bottom:none}
.no-border {border:none}
.black-bottom {border-left:none;border-right:none;border-bottom:1px solid #000;}
.white-bottom {border-left:none;border-right:none;border-bottom:1px solid #fff;}

/* Category Bar Buttons */
.dark a.barbutton_a, .dark span.barbutton_a {padding:2px 6px;background:#1d5da7;border:1px solid #0f3665;color:#dfebfa;margin-right:4px;border-radius:8px;font-size:0.9em;}
.dark a.barbutton_b, .dark span.barbutton_b {padding:2px 6px;background:#A3B7CF;border:1px solid #DFEBFA;color:#243E5D;margin-right:4px;border-radius:8px;font-size:0.9em;}
.dark a.barbutton_a:hover {background:#4283cf}
.dark a.barbutton_b:hover {background:#c4d3e5}

/* Pull Downs */
.vbmenu_popup,.nav_pull {background:#cedbe9;opacity: 0.9;margin-top:5px;padding:3px;border:1px solid #1e57a1;border-radius:4px;line-height:2;z-index:10000;}
.vbmenu_popup li, .vbmenu_popup td {padding:2px;margin:0;white-space: nowrap;cursor: default;font-size:12px;}
.vbmenu_popup li .bgbutton {width:100px;padding:0px 0px;}
.vbmenu_popup li input {width:100px;}
.vbmenu_popup .vbmenu_option {color:#345;border-top:1px solid #1e57a1;}
.vbmenu_popup .vbmenu_option.first {border-top:none;margin-top:2px;}
.vbmenu_popup .vbmenu_option.plain_item {border-top:none;}
.vbmenu_popup .vbmenu_hilite {color:#fff;background:#779ec8;border-top:1px solid #1e57a1;}
.vbmenu_popup .vbmenu_hilite a {color:#fff;}
.vbmenu_popup .vbmenu_hilite.first {border-top:none;margin-top:2px;}
li.vbmenu_option a {color:#345;display: block;}
li.vbmenu_hilite a {color:#fff;}

.nav_pull {background:#25497e;border:1px solid #112a50;}
.nav_pull li {font-size:12px;white-space:nowrap;}
.nav_pull .vbmenu_option {color:#c1d0e7;margin:0;padding:4px;-webkit-transition: background-color .2s linear;-moz-transition: background-color .3s linear;-o-transition: background-color .4s linear;}
.nav_pull .vbmenu_hilite {color:#fff;background:#4f75ad;margin:0;padding:4px;border-radius:4px;}
.nav_pull .vbmenu_option a {color:#dfe8f5;}
.nav_pull .vbmenu_hilite a {color:#fff;}
.nav_pull .vbmenu_sub {color:#dfe8f5;background:#8095b3;margin:0;padding:4px;}

table.classicpull td.tcat {color:#fff;padding:4px 5px;} /* TODO : extend classic menu */
.vbmenu_popup td {font-size:11px;padding:2px 1px 2px 5px;}
	
#pagenav_menu {text-align: center;}

/* UI (PNG24) Icons 16x16 */
.uicons {background:transparent url('/img/ui_icons_24.png') 0 0 no-repeat;width:16px;height:16px;}
.uicon_clip {background-position: 0 0;}
.uicon_tag {background-position: -80px 0;}
.uicon_subscribe {background-position: -40px 0;}
.uicon_deleted {background-position: -60px 0;}
.uicon_moderated {background-position: -80px 0;}
.uicon_clock {background-position: -160px 0;}
.uicon_cross {background-position: -180px 0;}
.uicon_error {background-position: -200px 0;}
.uicon_rss {background-position: -220px 0;}
.uicon_question {background-position: -240px 0;}
.uicon_garbage {background-position: -260px 0;}
.uicon_gear {background-position: -280px 0;}
.uicon_ghost {background-position: -300px 0;}
.uicon_poll {background-position: -320px 0;}
.uicon_gift {background-position: -360px 0;}
.uicon_pin {background-position: -380px 0;}

/* Legacy Declerations */
.pnxtcat {border-radius:6px 6px 0 0;margin:1px;border:none;}
.pnxthead {margin:1px;border:none;}
.tcat_toggle, .thead_toggle, .tcat_toggle_collapsed, .thead_toggle_collapsed {float:right;}
.tcat_toggle a {background: url('/img/tcat_sprite.png') no-repeat; display: block; width:15px; height:15px; text-indent:-999em;margin:3px;opacity:0.5;}
.tcat_toggle_collapsed a {background: url('/img/tcat_sprite.png') -16px 0px no-repeat; display: block; width:15px; height:15px; text-indent:-999em;margin:3px;opacity:1;}
.thead_toggle a {background: url('/img/tcat_sprite.png') -32px 0px no-repeat; display: block; width:15px; height:15px; text-indent:-999em;margin:3px;opacity:0.5;}
.thead_toggle_collapsed a {background: url('/img/tcat_sprite.png') -48px 0px no-repeat; display: block; width:15px; height:15px; text-indent:-999em;margin:3px;opacity:1;}
.tborder, .pnxtborder {background:#fff;color:#fff;border:2px solid #3658a7;font-size:0.75em;}
.pnxtborder {border-radius:6px 6px 0 0;margin:1px 1px 20px 1px;}
.tcat, .legacycat, .thead, .legacyhead {font-weight:800;font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;line-height: 2;margin:1px;padding:5px;}
.tcat, .legacycat {background:#395caa;}
.thead, .legacyhead {background:#7B91C2;}
.talt1, .talt2, .pnxalt1, .pnxalt2 {margin:1px; color:#002;line-height:1.6;padding:0.5em;font-family:Verdana}
.talt1, .pnxalt1 {background:#e2e8ee;}
.talt2, .pnxalt2 {background:#eef2f7;}
.talt1 a, .talt2 a, .pnxalt1 a, .pnxalt2 a {color:#6786cc;}
.talt1 a:hover, .talt2 a:hover, .pnxalt1 a:hover, .pnxalt2 a:hover {color:#6786cc;text-decoration:underline;}

.compatibility .articletext {margin:5px 0 10px 0;}
.compatibility h2 {font-size:1.6em;padding:10px; margin-top:20px;margin-bottom:20px; border-top:1px solid #7d98c1; border-bottom:1px solid #7d98c1; background:#DDE3F0;}
.compatibility li {margin-bottom:5px;}
.compatibility ol ul, .compatibility ul ul  {margin-bottom:15px;}

.inlineimg {vertical-align:bottom}
.middleimg {vertical-align:middle}

/* Legacy Tables */
.classictablecontent {background:#a5c4ee; border:2px solid #14306f;border-top:1px solid #000;padding-bottom:6px;}
table.classictable {width:100%;font-size:0.76em;border-collapse:separate; border-spacing:1px;background:#fff;}
table.classictable thead {text-align:left;padding:0;margin:0;}
table.classictable tr.vtop td {vertical-align:top;}
table.classictable td.alt1, table.classictable td.alt2, table.classictable td.alt1Active {color:#112543;font-weight:normal;line-height:1.8;padding:5px;}
table.classictable td.alt1Active {background-color:#d3dcea}
table.classictable td.alt1 {background-color:#dfe7f3;} /* make this a little darker */
table.classictable td.alt1 a, table.classictable td.alt2 a, table.classictable td.alt1Active a {color:#5276ac;}
table.classictable td.alt1 a:hover, table.classictable td.alt2 a:hover, table.classictable td.alt1Active a:hover {border-bottom:1px dotted #315387;}
table.classictable td.datecell {color:#777;font-size:1.1em;}
table.classictable td.importantcell {color:#234b87;font-size:1.1em;}
table.classictable td.secondarycell {color:#234b87;font-size:1.1em;}
table.classictable td.textcenter {font-size:1.1em;}
table.classictable th.thead {white-space:nowrap}
table.classictable th.thead a {color:#f1f8ff}
table.classictable th.thead a:hover {text-decoration:none;color:#f1f8ff;}
table.classictable td.tfoot {background: #b8c6e5;padding:4px;}
table.classictable td.tfoot .bgbutton {margin:4px;}
table.classictable td.tnav {background: #b8c6e5;padding:2px;color:#091d3b;font-size:0.9em;text-align: right;}
table.classictable td.tnav .bgbutton {margin:1px;min-width:50px;}

table.logtable, table.logtable td {font-family:'Courier New','Courier',monospace;font-size:13px;}
table.logtable th {font-size:12px !important;}

/* Basic Block Builders */

.mediumwindow {margin: 5% auto; width:600px;}

.singlecolumn, .noheader {margin:15px}
.nextcolumn {margin: 5px 15px;}
.twocolumns {overflow:hidden}
.rightside {width:200px;float:right;padding:0 20px;overflow:hidden}
.rightsidepicture {width:220px;float:right;padding:0 10px; overflow:hidden} /* to account borders */
.rightsmaller {width:100px;padding:0 0 0 10px;}
.rightbigger {width:300px;padding:0 0 0 20px;}
.leftside {margin-right:240px;padding-right:10px;}
.leftsmaller {margin-right:110px;}
.leftbigger {margin-right:320px;}
.leftside ul {margin:10px 0;}
.leftside li {margin:0 0 0 20px;list-style-type:disc}
.footerside {clear:both;padding-top:10px;}
.title {font-size:2.4em;font-weight:bold;letter-spacing: -1px;text-shadow:1px 1px 1px #fff;}
.subtitle {font-size:0.4em;color:#777;font-weight:normal}

.errorcontent, .genericcontent, .textcontent {border:1px solid #14306f;margin-bottom:20px;padding:0 10px 10px 10px;font-size:0.76em;line-height:1.8;color:#203462;background-image:url("/img/gradient_trans-200px.png");background-repeat: repeat-x;background-position: 0 0}

.nomargincontent {border-top:4px solid #b2bedb;border-bottom:1px solid #14306f;padding:6px;font-size:0.76em;line-height:1.8;color:#203462;background-color: #e7eefc; background-image:url("/img/gradient_trans-200px.png");background-repeat: repeat-x;background-position: 0 0}

.panelcontent {background-color:#e2e8ee;border:1px solid #14306f;margin-bottom:20px;padding:20px 20px 10px 20px;font-size:0.76em;line-height:1.8;color:#203462;border-top:4px solid #9eacc6;}

.cleanpanelcontent {font-size:0.76em;line-height:1.8;color:#203462;border:1px solid #14306f;border-top:4px solid #9eacc6;margin-bottom:20px;background:#aec2e3;}
.cleanpanelcontent .panel {border:none;}

.inlinecontent {border:none;margin:5px;padding:0;background:transparent;}
.inlineform {margin:0 0 10px 0;text-align:left;}

.panelcontent .panel {border-width: 1px;border-radius:2px;border-style:dashed;}
.panelcontent .textfield, .panelcontent .editorfield {border-style:solid;border-color: #b8c0c4;margin-top:0;} 
.panelcontent .clearfield {border:none}
.panelcontent .lighterfield {border-color:#d0d5d8}
.panelcontent .textfield div {text-align: left;margin:0 0 5px 0;}
.panelcontent .textfield label {font-size:0.8em;padding-left:4px;}
.panelcontent .textfield.labelfield label {font-size:1em;}
.panelcontent .textfield .normalLabel {padding-left:4px;font-size:1em;}
.errorcontent {background-color: #f3e5ca; border-top:4px solid #a5874e;}
.genericcontent {background-color: #e7eefc; border-top:4px solid #b2bedb;}
.textcontent {background-color: #eff2f9; border-top:4px solid #9eacc6; }
.panelcontent .articletext {text-align:left;padding:10px 10px 20px 0;}

.panelcontent .title {color:#283d6f;border-bottom:1px solid #8b9eca;margin-bottom:5px;text-align:left;}
.errorcontent .title {color:#0c2a45; border-bottom:1px solid #000;margin-bottom:10px;}
.genericcontent .title {color:#3b7097; border-bottom:1px solid #2e6288;margin-bottom:10px;}
.textcontent .title {border-bottom:1px solid #9eacc6;}

.errorcontent a {color:#5593c8}
.genericcontent a, .panelcontent a {color:#3d6fb1}
.textcontent a {color:#195cbf}
.errorcontent a:hover, .genericcontent a:hover, .textcontent a:hover, .panelcontent a:hover {text-decoration:underline}
.errorcontent .bottomside, .genericcontent .bottomside, .textcontent .bottomside, .panelcontent .bottomside {line-height:2;border-radius:4px;padding:10px;margin:10px 0;}
.errorcontent .jumpside, .genericcontent .jumpside, .textcontent .jumpside, .panelcontent .jumpside {line-height:2;border-radius:4px;padding:5px 10px;margin:10px 0 0 0;}

.errorcontent .bottomside {background:#fffbf2}
.errorcontent .jumpside {background:#d4c6ab}
.genericcontent .bottomside, .panelcontent .bottomside {background:#cddeff}
.genericcontent .jumpside,  .panelcontent .jumpside {background:#a9bbde}
.textcontent .bottomside, .textblockcontents {background:#d8e4f6}
.textcontent .jumpside, .textblockheader {background:#c4d7f2}
.panelcontent .headerside {background-color:#cddeff;color:#567;margin-bottom:15px;padding:10px 20px;border-radius:6px;}

.textcontent ol li {margin-left:35px;list-style:decimal;}
.textcontent ul li {margin-left:35px;list-style:disc;}

.textblockcontents, .textblockheader {margin:10px 0;padding:10px;border-radius:4px;}
.textblockcontents a {color:#2969a5;}
.panel .textblockcontents, .panel .textblockheader {padding:5px;background-color: #a9c4ec;color:#fff;}
.panel .textblockcontents {background-color:#dfe2f0;color:#345;line-height: 1.6;}
.textjump {margin-top:5px;}
.textjump a {display:block;float:left;margin:5px 10px 5px 0; padding:2px 4px;background:#bbcbeb;border-radius:4px;color:#fff;-webkit-transition: background-color .4s ease-out;-moz-transition: background-color .4s ease-out;-o-transition: background-color .4s ease-out;}
.textjump a:hover {background:#90a6d2;}

.textcontent .textside {float:right;width:300px;margin-left:15px;}

.textcontentfooter {background:#5C7EA9;margin-top:10px;color:#fff;border:2px solid #264469;}
.textcontentfooter a {color:#e5f0ff;}
.textcontentfooter a:hover {text-decoration: underline;}

/* Form Tables */
table.formtable {text-align:left;}
table.formtable td {padding:0 5px 0 0;vertical-align:top;}
table.formtable td.img {vertical-align:bottom;padding-bottom:3px;}
.hint {color:#567;font-size:10px;padding-left:15px;line-height:15px;}

/* Text Tables */
table.texttable {margin:1px 1px 30px 1px;padding:2px;background:#fff;line-height: 1.8;width:100%;border-collapse: separate;border-spacing: 1px 1px;border:1px solid #b8c8df;vertical-align: top;}
table.texttable th {background-color:#94afd6;color:#fff;font-weight:bold;}
table.texttable th, table.texttable td {padding:3px;}
table.texttable tr.rowheader {background-color:#cacfd7;color:#112040;white-space: nowrap;}
table.texttable tr.row1, table.texttable tr td.alt1 {background-color:#f1f6fd;}
table.texttable tr.row2, table.texttable tr td.alt2 {background-color:#e7eef7;}

table.texttable td a {color:#204f90;}
table.texttable td a:hover {text-decoration: underline;}

td.w80 {width:80%;} td.w85 {width:85%;} td.w50 {width: 50%;}
td.w20 {width:20%;} td.w15 {width:15%;} td.w100, table.w100 {width:100%;}
td.vtop {vertical-align: top;}
table.texttable td.img {text-align: center;vertical-align: middle;}


.usernamecode {float:right;font-size:11px;font-weight:normal;}
.digitcell {font-size:1.4em;font-family:Georgia,Utopia,Palatino,'Palatino Linotype',serif;font-weight:bold;text-align:center;}

/* Fieldsets */

.panelsurround .bgbutton {width:200px;}
.panel {padding:10px;border:2px dotted #555; margin-bottom:5px; background: #e4e7f5 url('/img/gradient_trans-200px.png') repeat-x 0 0;} 
.panelDark {background-color:#D0D9E2;}
.panelDarker {background-color:#d3dfeb;}

fieldset.darkfield, fieldset.whitefield, fieldset.textfield, fieldset.editorfield {margin:5px auto 15px auto;padding:5px;text-align:center;border-radius:6px;}

fieldset.darkfield {background:#fff; border:2px dotted #444; font-size:0.7em;}
.darkfield span {line-height:1.6;margin:0 10px;}
.darkfield span a {color:#567;text-decoration: underline;}

fieldset.whitefield {background:#fff; border:1px dashed #ccc; font-size:0.7em;}
.whitefield span {line-height:1.6;margin:0 10px;}
.whitefield span a {color:#567;text-decoration:underline;}
.whitefield .fixedoption {float:left;border-radius:6px;background:#eee;padding:3px 5px;margin:5px;width:340px;text-align: right;}
.whitefield .gosubmit {float:left;border-radius:6px;background:#fff;padding:3px 5px;margin:5px;width:340px;text-align: right;}

fieldset.textfield, fieldset.editorfield {border:2px dotted #aaa;}
.textfield p {text-align:left;margin:10px;color:#000;}
.textfield .suboptions {border-bottom:1px dotted #ccc;}

fieldset.inlinefield {border:2px dotted #aaa;margin-bottom:20px;padding:10px;border-radius:6px;}

.fieldset {padding-left:10px;}
.fieldnotes {font-size:1.4em;font-weight:bold;color:#456;padding-left:20px;}

legend {text-align:left;border-radius:6px;padding:4px 10px;margin:0 0 0 5px;font-weight:800;text-shadow:1px 1px #000;min-width: 150px;}
legend.Black {background:#444;color:#fff;font-weight:normal;text-shadow: none;}
legend.Black a {color:#0a84ff;}
legend.Gray, legend.Grey {background:#777;color:#fff;font-weight:normal;text-shadow: none;}
legend.Blue {background:#8ab1eb;color:#fff;font-weight:normal;text-shadow: none;}
legend.Red {background:#ad1a1a;color:#fff;font-weight:normal;text-shadow: none;}
legend.Colorful {background:#95bff2;color:#fff;}
legend.Mods,div.Mods {background:#42AE9B;color:#fff;font-weight:normal;text-shadow: none;}
legend.Required {background:#d59b62;color:#fff;}
legend.Optional {background:#6ca1ce;color:#fff;}
legend.Important {background:#964545;color:#fff;}

div.Mods {padding:0px;width:23px;height:100px;margin:0 10px !important;text-align: center !important;border-radius:12px;}

.inset {padding:10px;margin:10px;height:175px;border:2px solid #888;overflow:auto;border-radius:12px;background:#f4f4f4 url('/img/gradient_trans-25px.png') repeat-x 0 0;text-align:left;font-size:0.8em;}
.checkaction {background:#8CA3B9;color:#fff;line-height: 3;border-radius:6px;margin:10px;text-shadow:1px 1px #000; text-align:center;}
.checkoptional {background:#aed4ff;color:#376089;line-height:3;border-radius:6px;margin:10px 0px;}
.checkoptional input {margin:0px 2px 0px 10px}


/* Forms and Inputs */
.bginput {color:#000;font-size:12px;background-color:#fff;border:1px solid #b0b0b0;padding:3px;border-radius:4px;outline:none;}
.bginput:focus {background:#fffff2; border-top-color: #aaa; border-top-color:#4074ad; border-left-color:#4074ad; border-right-color:#4074ad; border-bottom-color: #6195ce;}   

.bginput.optional {color:#333;background-color:#f3f3f3;border:1px solid #b5b5b5;}
.bginput.optional:focus {background: #f3f3e7;}

input.bginput.error {border: 1px solid #DD2E2E;}
.input.bginput.error:focus {border:1px dotted #DD2E2E;}
label.error {display:block;background-color:#dd2e2e;color:#fff;margin:4px 0;font-weight:bold;padding:3px 6px;border-radius:4px;}

.bgbutton {background: #d5d5d7 url('/img/gradient_trans-25px.png') repeat-x top;display:inline-block;color:#345;font-size:12px;font-family:'Lucida Grande',Verdana,Arial,sans-serif;border:1px solid #CAD3E1;border-top-color:#e3eaf5;border-bottom-color:#A6ACB6;border-radius:8px;line-height:25px;height:25px;vertical-align:middle;text-align:center;padding:0px 18px;margin:0;min-width:100px;cursor:pointer;outline:none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing:border-box;box-shadow:0px 1px 4px 0px #cdd4dd;-webkit-transition: background-color .1s linear;-moz-transition: background-color .1s linear;-o-transition: background-color .1s linear;}

.bgbutton.important {background-color:#c2ddf8;}
.bgbutton.callforaction {background-color:#f0d6b8;font-weight:bold;width:100%;}
.bgbutton.minibutton {font-size:10px;border-radius:5px;line-height:18px;height:18px;padding:0px 10px;vertical-align: top;}
.bginput.miniinput {font-size:10px;}

input.bgbutton.disabled,a.bgbutton.disabled,input.bgbutton.important.disabled,button.bgbutton.disabled {color:#abc;background-color:#eaeaea;border-color:#c9c9c9;box-shadow:0 0 0 transparent;cursor: default}
.bgbutton:hover {background-color:#93c1f3;border:1px solid #93c1f3; border-top:1px solid #d0e2f6;border-bottom:1px solid #99b3cf;}
.bgbutton.callforaction:hover {background-color:#e7c59e;border:1px solid #f2b56f;border-top:1px solid #ffe9d0;}
.bgbutton:focus,textarea:focus {border-color: #4074ad;}

textarea {color:#000;font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:12px; line-height:1.8; background-color:#f3f6fa;border:1px solid #b0b0b0;padding:3px;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;}
.generictextareasurround {padding:10px;}
.genericareasurround {padding:5px 10px;}
.generictextarea {width:100%;height:80px;background-color:#fafafa;}
.largeform {height:160px;} .largerform {height:240px;}
textarea:disabled {background:#EEF2F7;color:#aabbd0;text-align:center;padding:10px;}
textarea:focus {background-color:#fff;}

.classicForm {text-align: left;padding:0 10px;}
.classicForm .Description {color:#567;}
.classicForm .Label {margin:10px 0 2px 0;padding-left:4px;font-size:0.9em;}
.classicForm .Huge .bginput {font-size:1.5em;}
.classicForm .Synopsis {font-size:0.6em;color:#678;margin-left:10px;}
.miniForm .miniLabel {padding-left:5px;font-size:0.8em;}

/* Clear and Loud Navi (On Blue/Gray) */
.clear_navigation .placeholder {font-size:11px;line-height:1;color:#2B485C}
.clear_navigation .navitable {font-size:12px;line-height:1;vertical-align:middle;height:25px;text-align:center;white-space:nowrap;border-collapse:separate;border-spacing:6px;}
.clear_navigation .navitable span {display:block;background:#d0ddf2;color:#203462;padding:5px;border-radius:4px;border:1px solid #8ea0bf;}
.clear_navigation .navitable .navpage a {display:block;background:#eff5ff;padding:5px;border-radius:4px;border:1px solid #becee9;}
.clear_navigation .navitable .navpage.active a {background:#CAE7FF; color:#355E81;border:1px solid #86accc;}
.clear_navigation .navitable .navpage a:hover {background :#e9d9be;border:1px solid #ad905e; text-decoration:none;color:#7e6230;}
.clear_navigation .navitable .navmenu, .clear_navigation .navitable img {display: none;}
.clear_navigation .navitable span, .clear_navigation .navitable a  {-webkit-box-shadow: 0 1px 1px 0 #4c6183;-moz-box-shadow:0 1px 1px 0 #4c6183;-o-box-shadow:0 1px 1px 0 #4c6183; }


/* Decoration Styles */
.lastone {background:#9ebae3;border-left:1px solid #14306f; border-right:1px solid #14306f;border-bottom:1px solid #14306f;border-bottom-left-radius: 6px;border-bottom-right-radius:6px;height:8px;} /* cpu bug @ webkit */

/* Footer */
#footer, #subfooter {clear:both;color:#fff;background:#003878  url('/img/footer_bg_one.gif') top left repeat-x;font-family: "Lucida Grande", Tahoma, sans-serif;border-top:1px solid #061e52;padding:10px 25px 10px 5px;}
#footer a {color:#b1c2e4;text-shadow:#1D3B81 1px 1px 1px;}
#footer a:hover {text-decoration: underline;}
.footer_collumn {display:block;float:left;padding:5px 60px 5px 25px;}
.footer_collumn strong {font-size:14px;font-weight:bold;text-shadow:1px 1px 1px #1D3B81;}
#footer ul {margin-top:4px;}
#footer li {font-size:11px;line-height:11px;margin:2px 0;height:13px;}
.footer_icon {padding-left:18px;background: url('/img/sprite_footer.png') no-repeat;}
.tweety {background-position: 0 0} .rssy {background-position: 0 -25px} .facebooky {background-position: 0 -54px}

.footer_collumn li.mobile a  {
	display:block;width:150px;height:100px;text-decoration:none;line-height:1.36;
	padding-left:30px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAoCAYAAAAVBmHYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAnFJREFUeNq0Vz1oVEEQ3tlbCAmioAaL1EYsNK2FSipB0khiEywFCyHYWsUijWilgoK1GEGxzJHC0thJrrAK2CgE8aeRqEmI4zfv7d6b927vGt8Mtzc/Ozs7Ozu7b5aer22edc69RJsm/DFaH4NgIaJMA7tBUON7QPMef/chmi4MNQcqotZHlTEaNCwwA/puAHORXWm5pkB945/ArAB/c9VqpoCWwU66zIripLMBDJPuSEa5r/gH6APadjEXiyv0E/TeqDDJ8FBgFVtlNC3xJPi39chmQ1Hfr2ScVUh41IZRmrwySRndpBYwQCbogdvKeZQPFdUcyKzgDNCJAK/HQDxevDzz1LUEL7q9O5hg2VM53YRrF8ZlAT4b3P+FGB9vYTtlnic7x513hmATFmcYlgSBM9dpazEnsgkLF54bBD1dF8EZ5rmJcdM8Z23cKh19/fPbbmx8vnBoIeZsFBbz48/p+Fulo9mVy6VxtjtEZJDlbPmxaMScd1q2/VvSnFbXNndBbEDwXtfjzSsU8k505gDt70ClRVVFBrgA9pSk4r6UuxDM6kJfl3OpvBajnD4wrFJBFYzJQfy2gz6gUecV0MdIXwc6BvwD+BbaG8ivYPA94EPgHwDvQlHom4VDlYNein/iWhnpDqMdjwqdqPsQteSz2P9ktds7DbxEpZ6EdcI1XhlSrYbyfiFdoV4anlz9wRzducZD3kvwuEN4cL0DfU7X2ZmN/YJ2A+J1iBeAH4E/2nyqNNxYl2w5D8FrdE7ykPpcwXfZgxEFf8KfgeZInhWI4VUIb0N4ZNhRRt8Y6HHgX2D3SM3QmOgr2gr2qPtPgAEAo7/kQht5GO8AAAAASUVORK5CYII=');
    background-repeat: no-repeat;
}
.footer_collumn li.mobile a:hover {color:#fff!important;text-decoration:none!important}

.footer_arrow {float:right;position:relative}
.footer_arrow a {background: url('/img/sprite_footer.png') 0 -110px no-repeat; display:block; text-indent:-999em;width:13px;height:8px;position:absolute;top:10px;}

#subfooter {background:#001d49 url('/img/footer_bg_two.gif') top left repeat-x;border-top:1px solid #000e2d;font-size:10px;line-height:1.75;}
.footer_links {padding-left:20px}
.footer_links a {color:#a5b0c5;padding-left:0;padding-right:10px}
.footer_links a:hover {text-decoration:underline}
.footer_hosting {float:right;color:#d4dbe8}
.footer_hosting a {background:transparent url('/img/hyperhosting.png'); display:block;float:right;text-indent:-9999em;text-align:left;width:89px;position:relative;bottom:3px;left:5px;height:18px}

.footer_logo {color:#d4dbe8; float:left;}
.footer_logo em {font-style: normal;padding-left:28px;}
.footer_logo a {background: url('/img/sprite_footer.png') 0 -132px no-repeat; width:16px; height:15px;display:block;float:left;text-indent:-999em; text-align:left; position:relative; left:20px;}

/* Imported */

/* Forum Box Icons */
.forum_box_icon {width:80px;height:80px;float:left;background:#e5eefd url('../img/sprite_forumbox_icons.png') no-repeat;}
.forum_box_icon.statsico {background-position: -600px 0;height:50px}
.forum_box_icon.cartico {background-position: -400px 0;height:50px}
.forum_box_icon.calendarico {background-position: -707px 0;height:60px}
.forum_box_icon.onlineico {background-position: -100px 0;background-color:#e4eaf1;padding-top:45px;height:auto}
.forum_box_side {width:200px;float:right}
.forum_box_side .bginput {width:190px}

/* Sponsors */
.horigiav2 {padding:3px 0 2px 0; margin:3px 0 0 0; background:#ead5b9;border-radius:0 0 5px 5px;border:1px solid #c2a071;
	background: -moz-linear-gradient(top, #f1dec5 51%, #eedac0 100%); 
	background: -webkit-linear-gradient(top, #f1dec5 51%,#eedac0 100%); 
	background: -o-linear-gradient(top, #f1dec5 51%,#eedac0 100%); 
	background: -ms-linear-gradient(top, #f1dec5 51%,#eedac0 100%); 
}

.box_content .horigiav2 {border-radius:0}

.horigiav2 div.forum_box_title {margin:2px 6px 0 6px}
.horigiav2 div.forum_box_title a {display:block}
.horigiav2 div.horigiav2_pick {margin:4px 0 2px 0;padding:2px 6px 0 6px}

.horigiav2_pick img {width:70px;height:51px;padding:3px;display:block;float:left;background:#fff;border:1px solid #deb783;border-radius:3px}
.horigiav2_pick strong, .horigiav2_pick span {margin-left:90px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:180px}
.horigiav2_pick strong {line-height:19px}
.horigiav2_pick span {line-height:20px;letter-spacing:-1px}

.horigiav2_pick .group a {background:#fdf3e5;border:1px solid #e0c099;border-radius:4px;padding:6px}
.horigiav2_pick a {color:#444;text-decoration:none!important;display:block}
.horigiav2_under a {display:block;margin:5px;border-radius:4px;letter-spacing:-1px;text-align:center;color:#827a6f;font-size:11px}
.horigiav2_under a:hover {background:#dbc09d;color:#4a4540}

.horigiav2_pick a:hover {background:#e5ccaf;border:1px solid #cfb08c}

.horigiav2 div.forum_box_title:hover {background-color:#394f80}
.horigiav2 div.forum_box_title, .horigiav2_pick a, .horigiav2_under a {
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
}

/* (//.)CK */