@charset "utf-8";
/* CSS Document */

/* =============================================================================== =RESET */
/* source: http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
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, caption, 
table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.5; background: #fff; 
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}


/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* =============================================================================== =BUILD BACK */
/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body { font-size: 75%; }


/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
   
body { 
  color: #4d4d4d; 
  font-family: Verdana, Arial, sans-serif; 
}

h1,h2,h3,h4,h5,h6 { 
  color: #111; 
  font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
}
h1 {color:#003a9b;}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 250%; line-height: 1; margin-bottom: 0.5em; letter-spacing:-1px; }
h2 { font-size: 200%; line-height:1.25; margin-bottom: 0.75em; }
h3 { font-size: 150%; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 135%; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 120%; font-weight: bold; margin-bottom: 0.5em; line-height:1; }
h6 { font-size: 100%; font-weight: bold; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
/*
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; }
img         { margin: 0 0 1.5em; }
*/

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a           { color: #0164eb; text-decoration: none; }
a:focus,
a:hover     { color: #074292; text-decoration: underline; /* background-color:#fbf4bd; */ }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

hr { border-top:1px solid #ddd; border-bottom:none; height:1px; }

/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

th.sectionHead { margin:0;padding:0;text-transform:uppercase; letter-spacing:5px; font-size:9px;vertical-align:middle; color:#111; }
th.section {background-color:#f3fcff; text-transform:uppercase; color:#0049c2; border-bottom:1px solid #a6c3f2;}
thead th {border-top:1px solid #a6c3f2;border-bottom:1px solid #a6c3f2;}

/* Use this if you use span-x classes on th/td. */
/*table .last { padding-right: 0; }*/ 


/* Forms
-------------------------------------------------------------- */
label       { font-weight: bold; display:block; color:#888; }
label span.example {font-weight:normal;}
fieldset    { 
	padding:1.4em; 
	margin: 0 0 1.5em 0; 
	border: 1px solid #a6c3f2; 
	background-color:#f5fafe; 
	position:relative;
	}
fieldset p {margin:0 0 8px 0;padding:0;}
legend      { 
	font-weight: bold; 
	position:relative; 
	top:-29px; 
	left:-6px; 
	color:#000;
	border: 1px solid #a6c3f2; 
	background-color:#f5fafe;
	padding:2px 5px;
	}

input, textarea, select {
  margin:0.125em 0;
  border:1px solid #bbb;
}

input:focus, textarea:focus, select:focus {
  border:1px solid #666;
}
 
input   { width: 300px; padding:5px; }
select   {}
textarea      { width: 390px; height: 250px; padding:5px; }

input.radio {border:none;}
form ul.radioList{ list-style:none; margin:0px; padding:0;}
form ul.radioList li{}
form ul.radioList li .radio{width:20px;}
div.butn input {border:none;width:auto;height:auto;margin:0 0 20px 0;padding:0;}

.required {font-weight:normal; color:blue;}
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.noViz      { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.right {float:right; display:inline;}
.left {float:left; display:inline;}
.bumpRight10 {margin-right:10px;}
.bumpLeft10 {margin-left:10px;}
.bumpRight20 {margin-right:20px;}
.bumpLeft20 {margin-left:20px;}
.bump20 {margin-left:20px;}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.floatBreak{clear:both;}
.clear { clear:both; }
.newSection { clear:both; }
.newSection hr { display:none; }
.hideMe {display:none;}

/* =============================================================================== =LAYOUT */