/* --------------------------------------------------------------------------------

   File:        reset.css
   Description: reset styles
   Project:     wifi4free.ru
   Author:      Pavel Markovnin (pavel@markovnin.com, http://vremenno.net)

   -------------------------------------------------------------------------------- */
   

html {
	margin:        0;
	padding:       0;}

body {
	font-weight:   normal;
	font-size:     10pt;
	font-family:   "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana; 
	color:         #000;
	line-height:   1.3em;
	background:    #deeff6; /* EEEEEE */
	padding:       0;
	margin:        0;}
	

/* Links 
   ----- */
a,
button { 
	outline: none; }

a:link,
a:active,
a:visited { 
	color: #0817a9; }

a:hover { 
	color: #bc0101 !important; }

a.action:link, 
a.action:active, 
a.action:visited { 
	color:            #0817a9;
	text-decoration:  none;
	border-bottom:    1px dotted #0817a9;}
	
a.action:hover {
    color:            #bc0101 !important;
	text-decoration:  none;
	border-bottom:    1px dotted #bc0101;}

	a img { 
		border: 0; }
		
	
/* Headers
   ------- */
	
h1 {
	font-size:    1.95em;
	margin:       0 0 .3em 0;
	padding:      0;
	font-weight:  normal;
	line-height:  1.4em;}
	
h2 {
	font-size:    1.7em;
	margin:       1.8em 0 .5em 0;
	font-weight:  normal;
	line-height:  1.5em;}
	
h3 {
	font-size:    1.4em;
	margin:       1.3em 0 0 0;
	padding:      0;
	font-weight:  normal;
	line-height:  1.6em;}

h4 {
	font-size:    1.2em;
	margin:       1em 0 .2em 0;
	font-weight:  normal;}
	
h5 {
	font-size:    1.1em;
	margin:       1em 0 .4em 0;
	font-weight:  bold;}
	
h6 {
	font-size:    1em;
	margin:       1.2em 0 0 0;
	padding:      0;
	font-weight:  bold;}
	
	

/* Different elements
   ------------------ */

form { 
	margin:  0; 
	padding: 0; }	
	
fieldset {
	border:  0;
	margin:  0;
	padding: 0;}
	
fieldset.outlined {
	border:   1px solid #E0E0E0;
	border-radius:         5px;
		-moz-border-radius:    5px;
		-o-border-radius:      5px;
		-webkit-border-radius: 5px;
		
	margin:   0 0 1em;
	padding:  0 1em 1em;}
	
fieldset.submit-row {
	background: #bcefbe;
	border:     1px solid #81cc83;
	border-radius:         5px;
		-moz-border-radius:    5px;
		-o-border-radius:      5px;
		-webkit-border-radius: 5px;
		
	margin:     1.5em 0 .5em;
	padding:    .5em;}
	
	fieldset.outlined legend {
		color:     #999;}
		
	.wide-field {
		width:     99%;}
		
	textarea.wide-field {
		height:    10em;}
		
	.standart-field {
		width:     30em;}
		
	textarea.standart-field {
		height:    10em;}
		
	.medium-field {
		width:     15em;}
		
	.small-field {
		width:     7em;}
		
	.tiny-field {
		width:     2em;}
		
	form fieldset dl {
		margin:  0;
		padding: 0;}
		
		form fieldset dl dt {
			margin:   1em 0 0;
			padding:  0;}
			
			form fieldset dl dt label {
				font-weight:  bold;}
				
			form fieldset dl .comment {
				color:       #999;
				font-size:   .8em;
				font-style:  italic;
				line-height: 1.2em;
				
				margin:      0;}
			
		form fieldset dl dd { 
			margin:   .2em 0 0 0;
			padding:  0;}
			
			form fieldset dl.checkboxes {
				margin:  0 0 0 1em;}
			
			form fieldset dl.checkboxes label {
				display: block;
				margin:  0 0 0 0;}
				
			form fieldset dl dd dt label {
				font-weight: normal;}
				
			form fieldset dl dd dd {
				padding:   0;}
				
	form fieldset h6 {
		font-weight: normal;}
		
	form .inactive,
	form .inactive input {
		color:   #999;}

p {
	margin: .4em 0 .5em 0;}	

table {
	border:          0;
	border-collapse: collapse; }

	table td, 
	table th {
		padding:        0;
		vertical-align: top;
		text-align:     left; }
	

ul {
	margin:  0.2em 0 1.4em 0; 
	padding: 0 0 0 2em; }
	
ol {
	margin:  0.2em 0 1.4em 0; 
	padding: 0 0 0 3em; }
	
ol li {
	margin:  0.5em 0;}

	ul li {
		background:      url(../img/li-bullet.gif) .4em .45em no-repeat;
		margin:          0.5em 0;
    	padding:         0 0 0 15px;
    	list-style-type: none;}
 
.no-margin {
	padding: 0;}
	
		
.notification {
	border-bottom:    1px solid;
	font-size:        .9em;
	
	margin:           1em 0;
	padding:          .5em;}

.notification.first {
	margin:           0 0 1em;}
	
	.notification p {
		margin:       .1em 0;
		padding:      0;}

	.notification.error {
		background:  #ffe9e9;
		color:       #a11212;}
		
	.notification.remark {
		background:  #fbf3d3;
		color:       #c18100;}
		
	.notification.info {
		background:  #dde4f9;
		color:       #2b4bb0;}
		
	.notification.ok {
		background:  #dfffe3;
		color:       #008310;}
		
	.notification.messages {
		background:  transparent;
		font-weight: bold;
		color:       #709393;}
			
			
.btn {
font:90%/1.2 Arial,Sans-serif;
display: inline-block;
background: none;
margin: 0;
padding: 3px 0;
border-width: 0;
overflow: visible;
text-decoration: none;
color: #444 !important;}

* html button.btn {
padding-bottom: 1px;}
html:not([lang*=""]) button.btn {
margin: 0 -3px;}

.btn span {
background: #ddd url(../images/bg-button.gif) repeat-x 0 0;
margin: 0;
padding: 3px 0;
border-left: 1px solid #bbb;
border-right: 1px solid #aaa;}

* html .btn span {
padding-top: 0;}

.btn span span {
position: relative;
padding: 3px .4em;
border-width: 0;
border-top: 1px solid #bbb;
border-bottom: 1px solid #aaa;}

/* эти классы только для кнопок лево-центр-право */
.pill-l span {
border-right-width: 0;}

.pill-l span span {
border-right:1px solid #bbb;}

.pill-c span {
border-right-style:none;
border-left-color:#fff;}

.pill-c span span {
border-right:1px solid #bbb;}

.pill-r span {
border-left-color:#fff;}

/* нужны только если у вас разные стили для хувера и актива */
.btn:hover span, 
.btn:hover span span, 
.btn:focus span, 
.btn:focus span span {
cursor: pointer;
border-color: #666 !important;
color: #000;}

.btn:active span {
background-position: 0 -400px;
outline: none;}

.btn:focus, 
.btn:active {
outline: none;}

/* стиль для главной кнопки, например кнопка сохранения */
.primary {
font-weight: bold;
color: #000;}