* { margin: 0; padding: 0; }

*:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-bg { background: none!important; }
.no-border { border: none!important; }

/* Base Template
------------------------------ */

html { color: #7A7AA0; font:normal 14px/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; overflow-x:hidden; }
body { background:#000033; }

a, a:link, a:active { font-size:1em; color: #fff; text-decoration: underline;  }
a:visited { color: #f0f0f0; }
a:hover { color:#eee; text-decoration: none; }
a img { border:none; }

blockquote { }

h1,h2,h3,h4,h5,h6 { font:normal 14px/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#F7F7FA; margin:1em 0; }
h1 { font-size:20px; }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }

hr { height: 1px; background: #fff; color: #fff; border: 0; }

img { border:none; vertical-align:middle; }

dl {  }
dt { margin: 0;  }
dd { margin:0 0 0 2em; }
dl.short dt, dl.wide dt { margin:0.5em 0; }
dl.short dd { margin:-2em 0 0 6em; }
dl.wide dd { margin:-2em 0 0 10em; }

p { margin:0.8em 0; }

pre code { display:block; overflow:auto; }
* html pre { width:100%; overflow-x:auto; padding-bottom:16px; }

small { font-size: 90%; }
sub, sup { font-size: 80%; font-family:Tahoma; line-height:1em; }

table { border:0px; border-collapse:collapse; }
table td { padding:0px; }

ul, ol { padding:0 0 0 3em; }
ul { }
li { margin:3px 0; }

/* ==== FORM === */
form {  }
fieldset { }
legend { }
input, select, textarea { font:normal 11px/1.3em Tahoma, Verdana, sans-serif; color:#777778; width:97%; margin:2px 0; vertical-align:middle; }
select { padding:0; width:100%; }
textarea { height:100px; }
label { display:block; line-height:1.1em; float: left; width: 35.99%; padding: 0 2%; }

.f-row { overflow: hidden; margin-bottom: .5em; }
.f-inputs { padding-left: 40%; }
.f-actions { padding-top: 1em; }

input.text { }
input.password { }
input.checkbox, input.radio { border-width:0; width:1em; padding:0 0 0 10px; }
input.submit {
	border:none; font-weight:bold; width:80px; color:#fff;
	background:url(../img/button-submit.png) center left no-repeat;
}
input.reset {
	border:none; font-weight:bold; width:70px; color:#fff;
	background:url(../img/button-reset.png) center left no-repeat;
}
input.image { width:auto!important; }
input.requiried, textbox.requiried { border-color:#c00;}

/* Text align & Float
------------------------------ */
.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }

.f-left { float: left; }
.f-right { float: right; }

/*	Columns
------------------------------ */

.columns { width: 100%; overflow: hidden; margin-bottom:-1px; }
.column { float: left; overflow: hidden; }


.align_center
{
position: relative;
width: 100%;
}
.align_center:after
{
content: '';
display: block;
clear: both;
}
.align_center_to_left
{
position: relative;
right: 50%;
float: right;
}
.align_center_to_right
{
position: relative;
z-index: 1;
right: -50%;
}


/*
.padding { padding: 0 10px; }
.col-first { padding-left: 0px!important; }
.col-last { padding-right: 0px!important; }
*/

.w-25 { width:24.9%; }
.w-30 { width:30%; }
.w-50 { width:49.9%; }
.w-40 { width:40%; }
.w-60 { width:60%; }
.w-70 { width:70%; }
.w-80 { width:80%; }
.w-90 { width:90%; }

/* Images
------------------------------ */
img.null-image { padding: 0!important; border: none!important; margin: 0!important; }
img.f-left { margin:0.5em 1em 0 0; }
img.f-right { margin-left:0.5em 0 0 1em; }
img.pictureleft, span.pictureleft img { float:left; margin:1em 1em 0.2em 0; }
img.pictureright, span.pictureright img { float:right; margin:1em 0 0.2em 1em; }