/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

html 
{ 
    font-size: 100%;  
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%;
    margin:0;
   
    padding:0; 
   
}

body{ margin: 0; font-size: 12px; line-height: 1.231;}
body p {font-size:12px;}

body, button, input, select, textarea, .ui-widget { 
font-family: 'Arial', sans-serif;
font-family: 'Arial Baltic', sans-serif;
color: #222; 
}

::-moz-selection { background: #18283C; color: #fff; text-shadow: none; }
::selection { background: #18283C; color: #fff; text-shadow: none; }




/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }



legend { border: 0; *margin-left: -7px; padding: 0; }


button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }



button, input { line-height: normal; *overflow: visible; }


table button, table input { *overflow: auto; }


button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
   
/* =============================================================================
   GENERAL LAYOUT STYLES
   ========================================================================== */
body {
	background-color: #DEDEDE;
	color:#444;
}

#container {
	  width: 100%;
    background: white;
    
    
     
}
#header
{
	background-image: url("../images/top_bg.png");
    background-repeat: repeat-x;
    background-color:#022A4E;
    display:block;
  height: 90px;  
   margin-left:auto;
	margin-right:auto;
}
#footer
{
	background-color: #042E56;
   
    background-color:#022A4E;
    display:block;
    color:White;
     margin-left:auto;
	margin-right:auto;
	padding: 5px 0;
	margin-top:8%;
	margin-bottom:10px;
}
.footerhome
{
	
   
    background-color:#022A4E;
    
    color:White;
     margin-left:auto;
	margin-right:auto;
	padding: 5px 0;
	
	margin-bottom:10px;
	width:100%;
}
.RightLogo
{
    display: block;
    height: 100px;
    width: 220px;
    
    /*background: transparent url(../images/bieclogo.jpg) top no-repeat;*/
    margin-top: 10px;
}

#header a#logo {
	display:block;
	height:100px;
	width:100px;
	float:left;
	margin-top:10px;
	background:transparent url(../images/logo.png) top no-repeat;
	
}
#header #main-navigation {
   
	
	
	color:#EEEEEE;
    width: 100%;
}




/* elements */




/* sections */
fieldset section {
	display:block;
	padding:10px 20px;
	border-top:1px solid #fff;
	border-bottom:1px solid #eee;
	background-color:#fafafa;
}
fieldset section div.section-left-s {
    float:left;
    width:140px;
}
fieldset section div.section-left {
	float:left;
	width:180px;
}
fieldset section div.section-right {
	margin-left:200px;
}
fieldset > section > label.error {
    color:#18283C;
}
fieldset section:hover {
	background-color:#f5f5f5;
	border-top:1px solid #fff;
	border-bottom:1px solid #e5e5e5;
}
fieldset > section > label {
	width:150px;
	float:left;
	padding:3px;
}
fieldset > section pre {
    margin:0;
    padding:0;
    word-wrap: normal;
}
fieldset section > div.section-input {
	float:left;
}
fieldset section > div.section-content {
	margin-left:170px;
}
fieldset section.fullw label {
	display:block;
	padding-bottom:10px;
}
fieldset section.fullw label, fieldset section.fullw div {
	float:none;
	clear:both;
}
fieldset section > div span {
	color:#999;
	padding-left:5px;
	font-size:11px;
}
fieldset section > div input[type="text"], fieldset section > div textarea {
	width:342px;
}
fieldset section:hover > div input[type="text"],  fieldset section:hover > div textarea{
	border:1px solid #eee;
	background-color:#fff;
}


/* =============================================================================
   LOGIN FORM STYLES
   ========================================================================== */
#login-container {
    min-width:340px;
    max-width:500px;
    margin:100px auto 0 auto;
}
#login-container #login {
}
#login-container #login .login-title {
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px; 
    border-bottom:1px solid #E7E7E7;
    background-color:#f3f3f3;
    padding:15px 20px;
    -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.8) inset;
    box-shadow:0 1px 0 rgba(255, 255, 255, 0.8) inset;
    
}
#login-container #login h1 {
   /* background: url(../img/icons/16/user_active.png) 0 2px no-repeat;*/
    font-weight:normal;
    margin:0;
    padding-left:0px;
    font-size:20px;
    color:#18283C;
}
#login-container #login fieldset section {
    padding:10px 20px;
    overflow:auto;
}
#login-container #login input[type="text"], #login-container #login input[type="password"]{
    width:100%;
    box-sizing: border-box; /* css3 rec */
    -moz-box-sizing: border-box; /* ff2 */
    -ms-box-sizing: border-box; /* ie8 */
    -webkit-box-sizing: border-box; /* safari3 */
    -khtml-box-sizing: border-box;
}
#login-container > #login input[type="text"].error, 
#login-container > #login input[type="password"].error, 
#login-container > #login input[type="text"].error:focus, 
#login-container > #login input[type="password"].error:focus{
    border:1px solid #18283C;
    -webkit-box-shadow:0 0 3px rgba(185, 0, 0, 1);
    -moz-box-shadow:0 0 3px rgba(185, 0, 0, 1);
    box-shadow:0 0 3px rgba(185, 0, 0, 1);
}
#login-container > #login a {
    float:right;
    display:block;
    margin:10px;
    color:#18283C;
}
#login-container span {
    padding-top:20px;
    display:block;
    text-align:center;
    color:#999;
    font-size:12px;
    color:#CC3300;
}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
.myButton:active {
	position:relative;
	top:1px;
}




@media screen and (min-device-width: 800px)
 { 
	#main-navigation h1
	{
		font-size:13px;
	}
 }
 @media screen and (min-device-width: 1030px)
 { 
	#main-navigation h1
	{
		font-size:20px;
	}
 }



input[type='text'], input[type='password']
{


border-radius: 3px;
border: 1px solid #CCC;
padding: 4px;
font-weight: 200;


box-shadow: 1px 1px 5px #CCC;
}

input[type='text']:hover, input[type='password']:hover
{


border-radius: 3px;
border: 1px solid #aaa;
padding: 4px;
font-weight: 200;

box-shadow: 1px 1px 5px #CCC;
}
.help {
	color:#006600;
}