* {margin:0; padding:0; text-align:left}
body,html {width:100%; font-size: 10px; line-height:1.2em;  font-family: verdana,arial,sans-serif; text-align:center; color:#222}
body { background-color: #cedef3;}
strong {font-weight:4}
img {border:0}
ul {margin:10px auto; list-style-type:none}
ol {margin:10px}
ul.reg {margin:10px 5px; list-style-type:circle}
li {text-align:left; margin:5px 0 5px 15px; }

h1 {font-size:1.6em; padding: 0 0 5px 0; margin-bottom:10px;  color:#003978; border-bottom:2px solid #70859f}
h1 form, h1 input{font-size:10px}
h2 {font-size:1.2em; padding: 10px 0; font-weight:bold; color:#003978}
h3 {font-size:1.1em; color:#003978}
p.subheader{font-size:1.1em; font-weight:bold}

table {border-collapse:collapse; margin:auto}
table td, table th{border: 1px solid #577; padding:2px 4px}

dt {text-align:right; width:40%; float:left; line-height:2.5em; clear:both}
dd {width:58%; float:right; line-height:2.5em; text-align:left; clear:right}

p{margin:8px 0}

a {color:#003978; text-decoration:none}
a:hover{color:#2069b8; text-decoration:underline}
a.sorted{background:url(../gfx/up.gif) left 5px no-repeat; padding-left:10px}
a.reverse{background:url(../gfx/down.gif) left 5px no-repeat}


input.text, input.file{border: 1px solid #a8a8a8; color:#666; padding: 0 2px; background: url(../gfx/bg_input.gif) left top no-repeat #fff; font-size:1.1em}
select {font-size:1.1em; color:#999}
input.button{border: 1px solid #70859f; padding: 0 3px; font-size:1em;  background-color:#aebed3; color:#000}
textarea{border: 1px solid #a8a8a8; color:#666; padding: 0 2px; background: url(../gfx/bg_input.gif) left top no-repeat #fff; font-size:1em; font-family: verdana,arial,sans-serif;}

input.name, input.address{width:25em}
input.zip{width:4em}

.right{float:right; margin:10px; display:inline}
.left{float:left; margin:10px; display:inline}
.center{text-align:center; margin:auto; display:block}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clear{clear:both}

div.err, div.ok{font-size:2em; font-weight:bold; width:50%; margin:10px auto; padding-bottom:5px;}
div.err {color:red}
div.ok {color:green}

fieldset{background-color:#cedef3; border:1px solid #70859f; padding:10px}
fieldset legend{font-weight:bold; color:#244;}

a.linkBtn{background-color:#b8d8ff; color:#244 ;margin:2px 2px 1px 2px; position:relative; border: 1px solid #777; padding: 0 2px}
a.selected{font-weight:bold}
a.linkBtn:hover{margin:1px; background-color:#c0e0ff; border-width:2px; color:#577; text-decoration:none}

h1 a.linkBtn{font-size:10px; float:right}

/*ELEMENTS*/
.avatar{border: 1px solid #70859f}

#main{width:960px; background: url(../gfx/bg_main.gif) left top repeat-y ; margin: 0 auto 10px auto}
#head{width:100%; height:189px; background: url(../gfx/bg_header.jpg) left top no-repeat; position:relative}

/*HEADER DEFFINITIONS*/
#logo{position:absolute; top:8px; left:15px}
#login ul{float:right; margin-top:80px; margin-right:30px; display:inline}
#login ul li{list-style-type:none; float:left; margin:0 5px; display:inline; color:#fff; font-weight:bold}
#login ul li .text{width:100px}
div#login{margin-right:30px}

#mainMenu {float:right; clear:right; margin-top:15px; margin-right:16px; display:inline; padding:8px 0 8px 40px; border-top: 1px dotted #666; border-bottom: 1px dotted #666}
#mainMenu li{list-style-type:none; float:left; margin:0; padding:0 6px; border-left:2px solid #4582c2}
#mainMenu li.first{border:none}
#mainMenu li a{color:#4582c2; font-decoration:none; font-size:1.3em; font-weight:bold}
#mainMenu li.selected a{color:#254292}
#mainMenu li a:hover{color:#85c2ff;; text-decoration:none}

#mainCont {float:right; padding:5px 0 5px 10px; width:735px}

/*BODY DEFFINITIONS*/
.reportBox {float:left; width:360px; background: url(../gfx/bg_report.gif) left top repeat-y; margin-left:0; margin-bottom:10px;  color:#999; display:inline}
.reportBox h1{height:47px; background: url(../gfx/bg_report_header.jpg) left top no-repeat; text-align:left; font-size:1.2em; font-weight:bold; padding-top:13px; padding-left:13px; color:#003978; border-bottom:none}
.reportBox h2{padding-top:13px; padding-left:13px}
.reportBox #reportFoot{width:100%; height:9px; background: url(../gfx/bg_report_foot.gif) left top no-repeat}

.reportBox ul#form {margin: 0; padding:0 15px 10px}
.reportBox ul#form li{margin:0; float:left;}
.reportBox ul#form li label{margin-bottom:3px}

.reportBox #placardCont {width:180px}
.reportBox #placardCont label{float:left}
.reportBox #placardCont input{float:left; clear:left}

.reportBox #dateCont label{float:left; width:130px}
.reportBox #dateCont select{float:left; margin-right:5px}
.reportBox #dateCont select#month{clear:both}

.reportBox #plateCont {clear:both; margin-top:10px; width:280px}
.reportBox #plateCont label{float:left}
.reportBox #plateCont input{float:left; clear:left; width:165px;}

.reportBox #locationCont {margin-top:10px;margin-bottom:4px;  clear:both; width:260px}

.reportBox #addressCont{clear:both; width:165px}
.reportBox #addressCont input{float:left; width:150px}
.reportBox #addressCont label{float:left; clear:left}

.reportBox #cityCont{ width:95px}
.reportBox #cityCont input{float:left; width:80px}
.reportBox #cityCont label{float:left; clear:left}

.reportBox #stateCont select{float:left}
.reportBox #stateCont label{float:left; clear:left}

.reportBox #captchaUpload {text-align:center; padding:5px 10px}

.reportBox #commentsCont{width:320px; margin-top:10px}
.reportBox #commentsCont textarea{width:320px; height:75px}

.reportBox #uploadCont{margin-top:10px; font-size:0.9em; width:100%}
.reportBox #uploadCont input{float:left; margin-right:10px; margin-top:4px}
.reportBox #uploadCont p{margin:0; padding:0}

.reportBox #submitCont{width:100%;padding:10px 0; border-bottom:1px dotted black}

.reportBox h2{margin: 5px 0 0 0;}

.reportBox #recentReports{margin:4px 13px 8px; border: 1px solid #999; padding:2px; width:335px}
.reportBox #recentReports th{color:#003978; padding:3px; border:none}
.reportBox #recentReports td{padding:3px; border:none}
.reportBox #recentReports tr.even td{background-color:#e7eef6}
.reportBox .viewAll{margin-left:13px}

#tellAFriend{width:100%; display:block; background-color:white; text-align:center; height:30px}
#tellAFriend img{float:left}
#tellAFriend span{font-weight:bold; line-height:2em}
#tellAFriendBottom{margin:auto; display:block; text-align:center; font-size:1.2em; font-weight:bold; clear:both; margin-top:5px;}
#tellAFriendBottom img{position:relative; top:6px}

#tellAFriendBottom2{margin:auto; display:block; text-align:center; font-size:1.2em; font-weight:bold; clear:both; margin-top:5px;}
#tellAFriendBottom2 img{position:relative; top:6px}


#quickCol{width:180px; margin-right:15px; margin-left:15px; float:right; background-color:#ececec; display:inline; text-align:center}
#quickCol *{margin:auto}
#quickCol .smallBox{width:159px; background: url(../gfx/bg_box.gif) left top repeat-y; margin:10px auto}
#quickCol .smallBox .inner{width:100%; height:100%; background: url(../gfx/bg_box_head.jpg) left top no-repeat; text-align:center; position:relative}
#quickCol .smallBox .inner h2{padding: 10px 0; margin-bottom:5px; border-bottom:1px dotted #a9c1e1 ;text-align:center}
#quickCol .smallBox .inner img{margin: 3px 0}
#quickCol .smallBox .inner .bottom{width:100%; height:9px; background: url(../gfx/bg_box_foot.gif) left top no-repeat;}
#quickCol .smallBox .inner #postit{float:left; position:relative; left:-3px}

#quickCol h3{margin-top:10px}
#quickCol p{margin:2px 0}

#quickCol .google{margin:auto; text-align:center}

#quickCol .amazonSponsor {
	font-family: arial;
	font-size: 13px;
	}
	
#quickCol td {
	border: none;
	}

#content{width:360px; float:right; display:inline}
#content #steps{width:100%; background: url(../gfx/bg_simple.gif) left top repeat-y}
#content #steps .inner{width:100%; height:100%; background: url(../gfx/bg_simple_head.jpg) left top no-repeat}
#content #steps .inner .bottom{width:100%; height:10px; background: url(../gfx/bg_simple_foot.gif) left top no-repeat}
#content #steps .inner h2{text-align:left; padding:12px 20px; color:#259419}
#content #steps .inner ul li{text-align:center; float:left; display:inline; width:21%; margin:0 2%; padding: 0;  color:#259419}
#stateRepsonses td { border:none; }

h1.main{padding-top:25px}

#content p{margin: 3px 0 10px 0}
.banner{margin:5px auto 0; padding-top:10px; display:block; text-align:center; clear:both}

#foot{width:100%; height:9px; background: url(../gfx/bg_main_foot.gif) left top no-repeat}
#afterFooter{width:960px; margin:auto}
#signUp{width:159px; height:53px; display:block; float:right; margin-right:27px; display:inline; background: url(../gfx/bottom_sign_up.jpg) left top no-repeat; text-align:center; font-size:1.5em; padding-top:6px; color:#002d70; font-weight:bold}
#signUp:hover{text-decoration:none; color:#3060d0}

#googleAddSense{text-align:center; position:relative; top:-15px}

/*admin pages styles*/
fieldset#userPassword{width:350px; margin:30px auto 0}

.pagesLinks{margin:auto; text-align:center; margin-top:10px; font-weight:bold}
.pagesLinks li{display:inline; margin-left:0}
.pagesLinks li a.selected{font-size:1.2em}

#avatarsHeader{height:95px}
#defaultAvatars {height:80px; overflow:auto}
.avatarContainer {float:left; width:90px; margin-bottom:10px; text-align:center; display:inline}
.avatarContainer *{margin:0 auto}
#uploadHeader{height:40px}

table.dl td{border:none}
table.dl td.dt{text-align:right; vertical-align:top}

/*reports*/

.dateCol{width:70px}
#reports{margin:0 auto; border: 1px solid #999; padding:2px; width:100%}
#reports th{color:#003978; padding:3px; border:none}
#reports td{padding:3px; border:none}
#reports td img{border:1px solid #70859f}
#reports tr.even td{background-color:#e7eef6}

#details {margin-top:15px}
#details dt {width:20%; font-weight:bold}
#details dd {width:79%}
#details dd img{border:1px solid #70859f}

#reportBoxBig {width:733px; background: url(../gfx/bg_report_big.gif) left top repeat-y; clear:both; float:left;  margin: 15px 0 0 0}
#reportBoxBig h1{height:47px; background: url(../gfx/bg_report_header_big.jpg) left top no-repeat}
#reportBoxBig #reportFoot{background: url(../gfx/bg_report_foot_big.gif) left top no-repeat; height:11px;}
#reportBoxBig .half {width:45%; float:left}
#reportBoxBig ul#form {margin: 0; border-bottom:none; padding-bottom:10px}
#reportBoxBig #commentsCont{margin-top:0}
#reportBoxBig fieldset{margin:0 15px; background-color:#fff; border-bottom:none; border-left:none; border-right:none}


/*resources*/

.resourceLink{font-weight:bold}

.resGroup{padding-bottom:0}
.newGroup{margin-top:20px}
.resources {list-style-type:disc}

/*blog*/
.tab {padding:0 7px;}
#blogTitle {width:99%; margin-bottom:10px}
img.editbutton{margin:0; vertical-align:middle; cursor:pointer; width:19px; height:19px; background-color:#b8d8ff; border: 1px solid #777}
#blogBtns{margin:5px 0}
#blogContent{width:99%; height:200px; margin-bottom:10px}

#opcje{margin:10px 0}
#opcje .text{width:150px}

#blogList li{border: 1px solid #bbb; margin-left:0; clear:both}
#blogList li h2{border-bottom:1px solid #bbb; padding:4px; color:#003978; background-color:#cedef3; margin:0}
#blogList li h2 a{color:#003978}
#blogList li h2 span{float:right; font-size:0.8em; color:#003978}
#blogList li h2 .linkBtn{float:right; font-size:0.8em; top:-2px}
#blogList li .userDetails{float:left; border-right:1px solid #bbb; border-bottom:1px solid #bbb; padding:5px; margin-right:5px; margin-bottom:5px; color:#999; font-size:0.9em}
#blogList li .userDetails img{float:left; margin-right:3px; display:inline; border: 1px solid #bbb}
#blogList li .userDetails .date{margin-bottom:5px}
#blogList li p {padding:0 10px}

/*postit*/
#postitOrder{width:70%; margin:20px auto}
#postitOrder textarea{width:250px; height:60px}
#postitOrder .normal{line-height:1.2em; padding-bottom:5px}
#postitOrder .email{width:170px}
#orderConfirm{text-align:center}

/*video*/

fieldset.video{float:left; margin:5px; display:inline}

/* ARTICLES */
	#admNav {margin-bottom:10px}
#textSearch {float:right}
#articlesList{margin:10px 0}
#articlesList li{margin:0 0 5px; padding:0}
#articlesList li img{float:left; border: 1px solid #2069b8; margin:4px 7px 5px 0; display:inline}
#articlesList li h3 span{float:right; font-weight:normal}

#articleAdd dt{width:15%}
#articleAdd dd{width:83%}
#articleAdd dd textarea, #articleAdd dd .text{width:560px}

.pagesLinks{margin:0 auto; text-align:center}
.pagesLinks li{display:inline; margin:2px}