/* Ok */
body 
{
  margin: 0px; text-align: center; background: #fdfdfd;
 
 padding: 0px 0px 0px 0px; 
 background-image:url(/pics/bg/top.jpg); background-repeat:repeat-x;
 font-size: 12px;
 font-weight: normal;
 font-family: verdana, arial, helvetica, sans-serif;
 line-height: 17px;
}

body.clean
{
 padding: 0px; margin: 0px; text-align: left; background: #fdfdfd;
 background-image: none;
 font-size: 12px;
 font-weight: normal;
 font-family: verdana, arial, helvetica, sans-serif;
 line-height: 17px;
}

form
{
 margin: 0px; padding: 0px; 
}

/* Ok */
div#clear
{
 clear:both;
 paddin: 0px; margin: 0px;
 font-height: 1px;
}

/* Ok */
div#container
{
 width:900px;margin: 0 auto;text-align:left; 
}

div#content
{
 padding-top: 12px;
 /*background: #eaeaea;*/
}

/* Ok */
div#menu
{ 
 margin-top: 4px;
 height: 56px;
 margin-bottom: 24px;
}



/* Ok */
span.menu
{
 font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 18px; 
 line-height: 22px;
}

/* Ok */
div#bottom
{
 /*border: solid 1px #000;*/
 padding: 12px 10px 5px 10px; 
 margin-top: 10px; 
 background: #ffffff;
 background-image:url(/pics/bg/bottom.jpg); background-repeat:repeat-x;
 font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
}

/* Ok */
div#copyright
{
 float:left;
 width: 170px;
 margin-top: 4px;
 font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
 color: #999999;
 font-size: 12px; 
 line-height: 15px;
}

/* Ok */
div#bottominfo
{
 float:right;
 width: auto;

 margin-top: 4px;
 text-align:right;
 font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
 color: #111;
 font-size: 12px; 
 line-height: 15px;
}

/* Ok */
div#outerleftpane 
{
 float:left;
 background: #DDDAD4;
 width: 170px;
 padding: 5px;
}

div#outerleftpaneadmin 
{
 float:left;
 
 width: 170px;
 padding: 5px;
}

div#newspane 
{
 float:left;
 background: #DDDAD4;
 width: 200px;
 padding: 5px;
}

/* Ok */
div#innerleftpane
{
 background: #EDEAE4;
 padding: 10px 10px 10px 10px;
 width: 88%;
}

div#innerleftpaneadmin
{
 

 width: 88%;
}

/* Ok */
div#rightpane 
{
 float:right;
 /*background: #e0e0e0;*/
 /*background: #EDEAE4;*/
 padding: 5px 20px 20px 20px;
 width: 680px;
 /*border: solid 1px #ccc;*/
 margin-bottom: 10px;
}

div#rightpane_webby 
{
 float:right;
 /*background: #e0e0e0;*/
 /*background: #EDEAE4;*/
 padding: 0px 0px 0px 20px;
 width: 690px;
 /*border: solid 1px #ccc;*/
 margin-bottom: 10px;
}

td.info div
{
 margin:0px;
 width: 479px;
 background: #d7d7d7;
 padding: 10px;
 margin-left: 5px;
}

td.picinfo div
{
 margin:0px;
 width: 160px;
 background: #d7d7d7;
 padding: 5px;
}

td.personalpicinfo div
{
 margin:0px;
 width: 130px;
 background: #d7d7d7;
 padding: 10px;
 margin-bottom: 5px;
}

td.personalinfo div
{
 margin:0px;
 width: 499px;
 background: #d7d7d7;
 padding: 10px;
 margin-left: 5px;
}

ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{margin-left: 10px;width:650px; height: 18px;}
ul#nav li{float:left;margin-right: 3px;text-align: center}
ul#nav a{float:left;width: 7em;padding: 2px 0;background: #e9e9e9;text-decoration:none;color: #333}
ul#nav a:hover{background: #138F34;color: #FFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #138F34;color: #FFF; font-weight: bold;}

ul
{
 margin-top: 2px; padding-top: 0;
}

span.h1 { 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 15px; 
 font-weight: bold;
 line-height: 18px;
}

H1 {
    font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-size:18px;
    color:#000000;
    margin-top:3px;
    margin-bottom:5px;
   }

H2 {
    font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
    font-size:14px;
    color:#000000;
    margin-top:5px;
    margin-bottom:0px;
   }

H3 {
    font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
  /*  font-size:14px;*/
	font-size:1.2em; 
padding:0 10px 5px 10px; 
	color:#00a94f;
	font-style:italic;
    margin-top:4px;
    margin-bottom:0px;
   }
   
   H4 {
    font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
  /*  font-size:14px;*/
	font-size:1.2em; 
padding:0 10px 2px 0px; 
	color:#00a94f;
	font-style:normal;
    margin-top:4px;
    margin-bottom:0px;
   }
   
   H5 {
    font-family: Verdana, Helvetica, sans-serif;
  /*  font-size:14px;*/
	font-size:1.0em; 
padding:0 10px 0px 10px; 
	color:#000000;
	font-style:normal;
    margin-top:0px;
    margin-bottom:0px;
	/*font-size: 12px;*/
 font-weight: normal;
 font-family: verdana, arial, helvetica, sans-serif;

   }

A.whitenl { color: #ffffff; text-decoration:none;}
A.whitenl:hover { color: #000000; text-decoration:underline;}

A.white { color: #ffffff; }
A.black { color: #000000; }
A.black:visited { color: #000000; }

a:link { 	color: #009900; text-decoration: none; }
a:visited {	color: #009900;	text-decoration: none; }
a:hover {	color: #000000;	text-decoration: none; }
a:active {	color: #000000;	text-decoration: none; }

span.divide
{
 color: #115500;
}

td.hl1
{
 border-left: solid 1px #a9a9a9;
 border-top: solid 1px #a9a9a9;
 border-bottom: solid 1px #a9a9a9;
 padding: 3px;
}

td.hl2
{
 border-top: solid 1px #a9a9a9;
 border-bottom: solid 1px #a9a9a9;
 padding: 3px;
}

td.hl3
{
 border-right: solid 1px #a9a9a9;
 border-top: solid 1px #a9a9a9;
 border-bottom: solid 1px #a9a9a9;
 padding: 3px;
}

td.hl
{
 border-left: solid 1px #a9a9a9;
 border-right: solid 1px #a9a9a9;
 border-top: solid 1px #a9a9a9;
 border-bottom: solid 1px #a9a9a9;
 padding: 3px;
}


#boxcontainer {width: auto; height:auto; 


  margin: 0 auto;text-align:left; 

}

#boxcontainerright {
	
	background:transparent;
	
    margin:0px auto; 
  
	float:left;
   
	height: auto;
	overflow: auto;
	
	width:auto;
    

	
	}
	
	#boxfront {width: auto; height:auto; background: url(/pics/pixelbak.gif) ; 
  margin: 0 auto;text-align:left; 

}
	
	#boxcontainerbottom {
	
	
	 
min-width:96%
	width:inherit;
    margin:0px auto; 
	height: auto;
	
	}
	
	#welcomenews {
	
	margin:0px auto; 
	height: auto;
	width:auto;
	}
	
	
	#va {
	background-color: #FFF;
	float: left;
	border: 2px ;
	 /*background-image: url("/pics/swirl-top-left.jpg");
    background-repeat: no-repeat;*/
    border-color: #00a94f;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    margin-right: 5px;
	margin-bottom: 5px;
    padding: 5px 9px 15px 10px;
    width: 300px;
	height: auto;
	overflow: auto;
	
	}
	
	#vafront {
	
	

     width:400px;
    /*min-width:263px;
	width:auto;*/
    margin:0px auto; 
    
	float:left;
	
    height: auto;
	overflow: auto;
	 
	
	
	}
	#varubrik {
	background-color: #FFF;
	
	
	border: 0px ;
	 background-image: url("/pics/area-cirkel.gif");
    background-repeat: no-repeat;
    border-color: #00a94f;
    border-style: solid;
    border-width: 1px 5px 1px 5px;
    margin-right: 0px;
	margin-bottom: 5px;
    padding: 5px 5px 15px 10px;
    width: 605px;
	height: auto;

	
	
	}
	
	#companyheader{
	background-color: #FFF;
	
	
	border: 2px ;
	 background-image: url("/pics/companyheader.jpg");
    background-repeat: no-repeat;
    border-color: #00a94f;
    border-style: dotted;
    border-width: 10px 1px 1px 1px;
    margin-right: 0px;
	margin-bottom: 5px;
    padding: 5px 5px 15px 10px;
    width: 605px;
	height: auto;

	
	
	}
	
	#welcomeheader{

	
    width:auto;
	height: auto;

	}
	
	.welcometext {
	color: #148F35;
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	
	#webbyrubrik{
	
	 background-image: url("/pics/webbyheader.jpg");
    background-repeat: no-repeat;
    background-position:right; 
	    width:auto;
	height: auto;
	margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px 5px 15px 10px;
   

	
	
	}
	
	
	#vacompany {
	background-color: #FFF;
	float: left;
	border: 2px ;
	 /*background-image: url("/pics/swirl-top-left.jpg");
    background-repeat: no-repeat;*/
    border-color: #00a94f;
    border-style: dotted;
    border-width: 0px 1px 1px 1px;
    margin-right: 5px;
	margin-bottom: 5px;
    padding: 5px 5px 15px 10px;
    width: 300px;
	height: auto;
	overflow: auto;
	
	}
	
	
	#ho {
	background-color: #FFF;
	float: left;
	width: 300px;
	/*border: 2px ;
	 background-image: url("/pics/objekt.jpg");
    background-repeat: no-repeat;
    border-color: #00a94f;
    border-style: solid;
    border-width: 5px 1px 5px 1px;
    margin-right: 5px;
	margin-bottom: 10px;
    padding: 5px 5px 5px 10px;
    
	height: 190px;

    overflow: auto;*/
   
	
	
	}
	
	#hofront {
background: transparent; 
width:240px; 
float:left; 
margin:0px 3px 3px 0px;
overflow: auto;
	height: auto;
	max-height:300px;

}
	
	#hocompany {
	background-color: #FFF;
	float: left;
	width: 300px;
	
	 background-image: url("/pics/greenhome.jpg");
    background-repeat: no-repeat;
    border-color: #00a94f;
    border-style: dotted;
    border-width: 0px 1px 1px 0px;
    margin-right: 5px;
	margin-bottom: 10px;
   /* padding: 5px 5px 5px 10px;*/
    
	height: 490px;

    overflow: auto;*/
   
	
	
	}
	
	

	
	
	
	#boxradera {
    background-image: url("/pics/Folder-Delete-icon.png");
    background-repeat: no-repeat;
  background-color: #FFF;
	float: left;
	border: 2px ;

    border-color: #00a94f;
    border-style: solid;
    border-width: 1px 5px 1px 5px;
    margin-right: 5px;
	margin-bottom: 5px;
    padding: 5px 5px 15px 70px;
    width: 240px;
		}
		
		#respons {
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0;
}

#sokrespons {
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0;
}
		
		
		#tipsruta {
    background-image: url("/pics/green_alert.gif");
    background-repeat: no-repeat;
	padding: 0 5px 5px 70px;
	background-color: #FFF;
	float: left;
	border: 2px ;
    border-color: #00a94f;
    border-style: solid;
    border-width: 1px 5px 1px 5px;
    margin-right: 5px;
	
	
	width: 240px;
	
	
		}
		
		#tipsruta2 {
    background-image: url("/pics/green_alert.gif");
    background-repeat: no-repeat;
	padding: 0 5px 5px 70px;
	background-color: #FFF;
	float: left;
	border: 2px ;
    border-color: #00a94f;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    margin-right: 5px;
	margin-left: 0px;
	margin-top: 85px;
	width: 250px;
	overflow: auto;
	height: 225px;
	
		}
		
		#tipsrutafront {
    background-image: url("/pics/girl.jpg");
    background-repeat: no-repeat;
	padding: 0 5px 5px 35px;
	width: auto;
	overflow: auto;
	min-height: 309px;
	margin-top:0px;
	
	background-color:#F5F5F5;
	
	
	
		}
		
		#sokruta {
    background-image: url("/pics/Search2.png");
    background-repeat: no-repeat;
	padding: 0 5px 5px 30px;
	width: auto;
	overflow: auto;
	/*min-height: 309px;*/
	margin-top:20px;
	
	background-color:#FFF;
	
	
	
		}
		
		
#clearleft { clear: left;}
		#clearright { clear: right;}
		
		
	#respons li {
    background-image: url("/pics/citationstecken.gif");
    background-position: left top;
    background-repeat: no-repeat;
    border-bottom: medium none;
    margin: 0;
    padding: 0 0 5px 30px;
}



/* MENYBOX MED RUNDA HÖRN - innehåll */
#menybox { margin: 0; padding: 0 5px 3px 5px; border-left: 1px solid #00a94f; border-right: 1px solid #00a94f; background: #ffffff;}
#menybox p {line-height: 15px; margin: 0;}
/* MENYBOX runda hörn */
.menyboxrund {margin: 0 0 15px 0; background: none;}
.menyboxrundtopp {background: transparent;}
.menyboxrundbotten {background: transparent;}
.menyboxrund_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #00a94f; border-left: 1px solid #00a94f; border-right: 1px solid #00a94f;}
.menyboxrund_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #00a94f; border-right: 1px solid #00a94f; border-width: 0 2px;}
.menyboxrund_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #00a94f; border-right: 1px solid #00a94f;}
.menyboxrund_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #ffffff; border-left: 1px solid #00a94f; border-right: 1px solid #00a94f;}

/* MENYBOX som innehåller listmenyn */
#meny_container {width: 170px; float: left; margin: 5px 5px 0 10px; padding: 0; font: 11px Verdana, Helvetica, sans-serif; }
/* länkar, egenskaper */
#meny a:link { color: #000000; }
#meny a:visited { color: #000000; }
#meny a:hover { }

/* HUVUDMENY */
#meny { margin: 0 0 0 0; padding: 0; list-style-type: none; }
#meny ul { list-style-type: none; }
#meny a { display: block; text-decoration: none; height: 15px; margin: 0 0 5px 0; }

/* MENY nivå 1 (utan undermeny) */
#meny .link0 { padding: 3px 3px 3px 5px; border: 1px dotted #00a94f; }
/* MENY nivå 1 (med undermeny) */
#meny .link1 { padding: 3px 3px 3px 5px; background: url(/pics/tri.gif) no-repeat right center; border: 1px dotted #00a94f; }
/* MENY nivå 2 */
#meny .link2 { padding: 3px 3px 3px 5px; background: #E8E8E8 url(/pics/tri.gif) no-repeat right center; border: 1px dotted #00a94f; }
/* MENY nivå 3 */
#meny .link3 { margin: 0 0 5px 5px; padding: 3px 3px 3px 5px; }

/* AKTIV MENY nivå 1 */
#meny a#selected1 { font-weight: bold;}
/* AKTIV MENY nivå 2 */
#meny a#selected2 { background: #E8E8E8 url(/pics/tridown.gif) no-repeat right center; }

/* AKTIV SIDA */
#meny a#current { color: #80AA00; text-decoration: underline; }


.ip {
	font-size: 10px;
	color: #CCCCCC;
	font-style: italic;
}



.mera {
	font-size: 10px;
	color: #FFF;
	font-style: italic;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('/pics/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/pics/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/* ZNAZZY corners*/

.xsnazzy h1, .zsnazzy h1 {
margin:0; 
font-size:1.2em; 
padding:0 10px 5px 10px; 
border-bottom:1px dotted #00a94f;
}
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
font-size:10px;
}
.xsnazzy {
background: transparent; 
width:240px; 
float:left; 
margin:0px 3px 3px 0px;
/*overflow: auto;*/
	height: auto;
	max-height:300px;

}




.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #00a94f;
border-right:1px solid #00a94f;
}
.xb1 {
margin:0 5px; 
background:#00a94f;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 dotted #00a94f; 
border-width:0 1px; 
height:auto;
}
* html .xboxcontent {
height:1px;
}

.color_a {
background:#FFF;
color:#00a94f;
}
.color_b {
background:#d4d8bd; 
color:#000;
}
.color_c {
background:#758279; 
color:#fff;
}
.color_d {
background:#b2ab9b; 
color:#000;
}

.clear {font-size: 1px; height: 1px} 

/* pagination*/

#tnt_pagination {

	display:block;

	text-align:left;

	height:22px;

	line-height:21px;

	clear:both;

	padding-top:3px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:normal;

}



#tnt_pagination a:link, #tnt_pagination a:visited{

	padding:7px;

	padding-top:2px;

	padding-bottom:2px;

	border:1px solid #EBEBEB;

	margin-left:10px;

	text-decoration:none;

	background-color:#F5F5F5;

	color:#0072bc;

	width:22px;

	font-weight:normal;

}



#tnt_pagination a:hover {

	background-color:#DDEEFF;

	border:1px solid #BBDDFF;

	color:#0072BC;	

}



#tnt_pagination .active_tnt_link {

	padding:7px;

	padding-top:2px;

	padding-bottom:2px;

	border:1px solid #BBDDFF;

	margin-left:10px;

	text-decoration:none;

	background-color:#DDEEFF;

	color:#0072BC;

	cursor:default;

}



#tnt_pagination .disabled_tnt_pagination {

	padding:7px;

	padding-top:2px;

	padding-bottom:2px;

	border:1px solid #EBEBEB;

	margin-left:10px;

	text-decoration:none;

	background-color:#F5F5F5;

	color:#D7D7D7;

	cursor:default;

}

-->
/* Runda hörn med bilder*/


#liquid-round { 


width:100%;
 

margin:0px auto; 


background:#fff url(/pics/corners/leftside.gif) repeat-y left top;


} 


.top { 


width:100%; 


height:20px; 


background:url(/pics/corners/top.gif) no-repeat left top; 

} 


.top span { 


display:block; 


position:relative; 


height:20px; 


background:url(/pics/corners/top-right.gif) no-repeat right top; 


} 

.center-content { 


position:relative; 


background:url(/pics/corners/rightside.gif) repeat-y right top; 


padding:1px 20px 1px 25px; 


margin:-1px 0 -50px 0; 


} 


.bottom { 


height:60px; 


background:url(/pics/corners/bottom.gif) no-repeat left bottom; 


} 


.bottom span { 


display:block; 


position:relative; 


height:60px; 


background:url(/pics/corners/bottom-right.gif) no-repeat right top; 

} 

/* ------------------
 styling for the tables 
   ------------------   */






#hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 0px;
	width: 350px;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: normal;
	color: #00a94f;
	padding: 5px 0px;
	border-bottom: 2px solid #00a94f;/*6678b1*/
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #009;
}

/* ------------------
 styling for the news 
   ------------------   */

#title{
float:left;
font-weight:bold;
font-size: 12px;
color: #00a94f; 
width: 190px;  
}


#datum{
float:left;
font-size: 10px;
color: #BBB; 
width: 130px;  
}


#forfattar{
clear:both;
font: 10px verdana; 
color: #BBB; 
width: 100px; 
padding: 0px; 
margin-bottom: 10px
}

#news {
margin-top: 10px;
font: 12px verdana; 
background: transparent; 
color: #BBB; 
width: 190px; 
border: 0px solid #555; 
padding: 5px; 
}

#buttonContainer {
margin-top: 10px;
font: 12px verdana; 
background: transparent; 
color: #BBB; 

border: 0px solid #555; 
padding: 5px;
float:left; 
}
.button {
    border: none;
    background: url('http://www.bysmeden.se/pics/up.png') no-repeat top left;
    padding: 8px 8px;
	
	margin-top: 2 px;
	
}
.button:hover {
    border: none;
    background: url('http://www.bysmeden.se/pics/down.png') no-repeat top left;
    padding: 8px 8px;
	margin-top: 2 px;
	
}

.buttonskicka {
    border: none;
    background: url('/pics/bekrup.png') no-repeat top left;
    padding: 8px 8px;
	margin-top: 2 px;
	
}
.buttonskicka:hover {
    border: none;
    background: url('/pics/bekrup.png') no-repeat top left;
    padding: 8px 8px;
	margin-top: 2 px;
	
}

#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#customers td, #customers th 
{
font-size:1em;
border:1px solid #00a94f;
padding:3px 7px 2px 7px;
}
#customers th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#00a94f;
color:#ffffff;
}
#customers tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}

<!--
.leftmargin {margin-left:10px; }

#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: #C8C8C8 ;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.varukorgtext {font-size: 36px}


#skickabox 
{
/*background-color: #e2e7ef;*/
width: auto;
height: 15px;

padding: 0px;
}

.ip2 {
	font-size: 10px;
	color: #000000;
	font-style: italic;
}
/*Datepicke*/

.datepicker {
	position: absolute;
	border: 2px solid #1C3262;
	font-size: 11px;
	width: 194px;
	padding: 3px;
	height: 221px;
	background: #fff;
	line-height: normal;
}

/* header
********************************************************/
.datepicker .header {
	position: relative;
	background: #1C3262;
	height: 21px;
	padding-top: 4px;
	margin-bottom: 3px;
}

.datepicker .header .title {
	text-align: center;
	padding-top: 1px;
	margin: 0px 42px 0 20px;
}

.datepicker .header .titleText {
	color: #fff;
	font-weight: bold;
}
.datepicker .header .next,
.datepicker .header .previous,
.datepicker .header .closeButton {
	position: absolute;
	width: 15px;
	height: 15px;
	background: #fff;
	text-align: center;
	color: #666;
	top: 5px;
	cursor: pointer;
}
.datepicker .header .previous {
	left: 5px;
}
.datepicker .header .next {
	right: 28px;
}
.datepicker .header .closeButton {
	right: 5px;
}

/* body
********************************************************/
.datepicker .body {
	position: relative;
	top: 0px;
	left: 0px;
	width: 194px;
	border-right: 2px solid #fff;
	height: 193px;
	overflow: hidden;
}

/* time
********************************************************/
.datepicker .time {
	width: 100%;
	height: 100%;
	background: #eee;
}

.datepicker .time .hour,
.datepicker .time .separator,
.datepicker .time .minutes {
	border: 1px solid #ccc;
	background: #fff;
	width: 50px;
	font-size: 32px;
	position: absolute;
	top: 50px;
	text-align: center;
	padding: 2px;
}

.datepicker .time .hour {
	left: 30px;
}
.datepicker .time .separator {
	background: transparent;
	border: 0px;
	width: 10px;
	left: 91px;
}

.datepicker .time .minutes {
	left: 110px;
}
.datepicker .time .ok {
	position: absolute;
	top: 105px;
	width: 136px;
	left: 30px;
	font-size: 20px;
}

/* days-grid
********************************************************/
.datepicker .days .day {
	float: left;
	background: #ccc;
	cursor: pointer;
	text-align: center;
	padding-top: 4px;
	width: 25px;
	overflow: hidden;
	height: 21px;
	margin: 0 3px 3px 0;
}

.datepicker .days .day0 {
	margin-right: 0;
}

.datepicker .days .week5 .day {
	margin-bottom: 0;
}

/* days-colors
********************************************************/
.datepicker .days .title {
	background: #5D6E95;
	font-weight: bold;
	color: #fff;
	cursor: default;
}

.datepicker .days .otherMonth {
	background: #eee;
	color: #aaa;
}

/* months
********************************************************/
.datepicker .months .month {
	float: left;
	background: #eee;
	cursor: pointer;
	text-align: center;
	overflow: hidden;
	width: 62px;
	height: 31px;
	padding-top: 15px;
	margin: 0 3px 3px 0;
}

.datepicker .months .month3,
.datepicker .months .month6,
.datepicker .months .month9,
.datepicker .months .month12 {
	margin-right: 0;
	width: 64px;
}

.datepicker .months .month10,
.datepicker .months .month11,
.datepicker .months .month12 {
	margin-bottom: 0;
}

/* years
********************************************************/
.datepicker .years .year {
	float: left;
	background: #eee;
	cursor: pointer;
	text-align: center;
	padding-top: 11px;
	width: 46px;
	overflow: hidden;
	height: 25px;
	margin: 0 3px 3px 0;
}

.datepicker .years .year3,
.datepicker .years .year7,
.datepicker .years .year11,
.datepicker .years .year15,
.datepicker .years .year19 {
	margin-right: 0;
	width: 47px;
}

.datepicker .years .year16,
.datepicker .years .year17,
.datepicker .years .year18,
.datepicker .years .year19 {
	margin-bottom: 0;
	height: 26px;
}

/* global
********************************************************/
.datepicker .selected {
	background: #8C929F !important;
	color: #fff !important;
}

.datepicker .unavailable {
	background: #edd !important;
	color: #b88 !important;
	cursor: default !important;
}

.datepicker .days .week .day:hover,
.datepicker .months .month:hover,
.datepicker .years .year:hover {
	background: #5D6E95 !important;
	color: #fff !important;
}