@charset "windows-1251";
/* CSS Document */

body{
background-image:url(../images/background.png);
/*background-repeat: no-repeat;
background-position: left top;
background-color:#fef9fd;*/
color:#45607f;
}

a {text-decoration:none;}

#main {/*Разметка общая*/
    width:1250px;
	height:810px;
	margin-top:30px;
	margin-right:auto;
    margin-left:auto;
	margin-bottom:30px;
	}
	
#hover {/*Верхушка*/
    width:958px;
	height:302px;
	background-image:url(../images/hover.png);
	margin-right:auto;
    margin-left:auto;
	/*-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;*/
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}

#centr {/*Меню + Центр*/
    width:960px;
	margin-right:auto;
    margin-left:auto;
	background-image:url(../images/bg.jpg);
	/*background-color: #b5ff74;*/
	/*-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;*/
	}

#content {/*центр*/
    width:958px;
	/*background-image:url(../images/backs.png);*/
	/*background-color: #d2fffd;*/
	background-image:url(../images/bg.jpg);
	float:left;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	/*-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;*/
	/*border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom: 1px solid #597ca4;*/
	}

#left {/*лево*/
    	width:238px;
	float:left;
	}

#right {/*право*/
    	width:720px;
	float:right;
	}

#blocks {/*право*/
    width:225px;
	border: 1px solid #cf3064;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	}

#blocks_centr {/*право*/
    width:707px;
	margin-left:auto;
	margin-right:auto;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color: #221033;
	font-size:13px;
	/*text-shadow: #a1a1a1 1px 0 0px, #a1a1a1 0 1px 0px, #a1a1a1 -1px 0 0px, #a1a1a1 0 -1px 0px;*/
	}

.tbl_right td {

	border-bottom: 1px solid #000;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color: #000;
	}
	
.tbl_left img {
	width:160px;
	height:200px;
	border: 1px solid #000;
	margin:4px;
	}

.zagolovok td {
	background-color:#aed7ff;
	border-top:1px solid #000;
	margin-bottom:4px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color: #000;
	font-weight:bold;
	font-size:11px;
	height:20px;
	}
td {
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color: #000;
	font-size:13px;
	}
	
#bottom {/*Низ*/
    width:958px;
	height:10px;
	background-color: #fff;
	float:left;
	border-bottom: 1px solid #cf3064;
	border-right: 1px solid #cf3064;
	background-image:url(../images/bg.jpg);
	}
	
#copyright {/*Копирайт*/
	background-image:url(../images/bg.jpg);
    width:958px;
	height:35px;
	float:left;
	text-align:center;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
  	font-size: 11px;
	color: #000;
	border-bottom: 1px solid #000;
	margin-top: 5px;
	border-top: 1px solid #000;	
	/*-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;*/
	}
#copyright a {
	font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
  	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	color: #000;
	vertical-align:center;
	}
	
.spoilertop4 {
	cursor:pointer;
	width:800px;
	height:37px;
	margin-top:2px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#000;
	font-size:12px;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	background-image:url(../images/orange_fon.png);
	vertical-align:center;
	}
.spoilertop4:hover {background-color:#ffb3b3;color: #000;}

.spoilertop3 {
	cursor:pointer;
	width:800px;
	height:37px;
	margin-top:2px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#000;
	font-size:12px;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	background-image:url(../images/blue_fon.png);
	vertical-align:center;
	}
.spoilertop3:hover {background-color:#ffb3b3;color: #000;}
	
.spoilertop0 {
	cursor:pointer;
	width:800px;
	height:37px;
	margin-top:2px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#000;
	font-size:12px;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	background-image:url(../images/red_fon.png);
	vertical-align:center;
	}
.spoilertop0:hover {background-color:#ffb3b3;color: #000;}

.spoilertop0_button {
	cursor:pointer;
	width:157px;
	height:50px;
	margin-top:2px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#2B587A;
	font-size:12px;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:none;
	background-image:url(../images/button_oplata_schet.png);
	vertical-align:center;
	font-weight:bold;
	float:right;
	}
.spoilertop0_button:hover {background-position:0 50px;height:50px;color: #fff;}

.spoilertopq0_button {
	cursor:pointer;
	width:157px;
	height:37px;
	margin-top:2px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#2B587A;
	font-size:12px;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:none;
	background-image:url(../images/button_oplata_schet2.png);
	vertical-align:center;
	font-weight:bold;
	float:right;
	}
.spoilertopq0_button:hover {background-position:0 37px;height:37px;color: #fff;}

.spoilertop1 {
	cursor:pointer;
	width:958px;
	height:37px;
	margin-top:2px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#000;
	font-size:12px;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	background-image:url(../images/yellow_fon.png);
	}
.spoilertop1:hover {background-color:#fff7b2;color: #000;}

.pomet {
	width:958px;
	height:32px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#000;
	font-size:12px;
	border-bottom:1px solid #000;
	background-image:url(../images/yellow_fon.png);
	text-align: center;
	float:left;
	}

.spoilertop2 {
	cursor:pointer;
	width:958px;
	height:37px;
	margin-top:2px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#000;
	font-size:12px;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	background-image:url(../images/green_fon.png);
	}
.spoilertop2:hover {background-color:#b2ffbb;color: #000;}

#button {
	width:151px;
	height:27px;
	/*background-color:#228df6;*/
	background-image:url(../images/button.png);
	border:1px solid #000;
	cursor:pointer;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	margin-right:2px;
	margin-top:2px;
	}
#button:hover {background-position:0 27px;height:27px;color: #fff;}

#button_snova {
	width:149px;
	height:27px;
	/*background-color:#228df6;*/
	background-image:url(../images/button_snova.png);
	border:1px solid #000;
	cursor:pointer;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	margin-right:2px;
	margin-top:2px;
	}
#button_snova:hover {background-position:0 27px;height:27px;color: #fff;}

#button_send_zayavka {
	width:258px;
	height:27px;
	/*background-color:#228df6;*/
	background-image:url(../images/send_zayavka.png);
	border:1px solid #000;
	cursor:pointer;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	margin-right:2px;
	margin-top:2px;
	}
#button_send_zayavka:hover {background-position:0 27px;height:27px;color: #fff;}

#button_close_schet {
	width:258px;
	height:27px;
	/*background-color:#228df6;*/
	background-image:url(../images/button_close_schet.png);
	border:1px solid #000;
	cursor:pointer;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	margin-right:2px;
	margin-top:2px;
	}
#button_close_schet:hover {background-position:0 27px;height:27px;color: #fff;}

#button_close_schet2 {
	width:90px;
	height:27px;
	/*background-color:#228df6;*/
	background-image:url(../images/button_close_schet2.png);
	border:1px solid #000;
	cursor:pointer;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	margin-right:2px;
	margin-top:2px;
	}
#button_close_schet2:hover {background-position:0 27px;height:27px;color: #fff;}

#button_polzovatel {
	width:170px;
	height:27px;
	/*background-color:#228df6;*/
	background-image:url(../images/vibrat_polzovatela.png);
	border:1px solid #000;
	cursor:pointer;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	margin-right:2px;
	margin-top:2px;
	}
#button_polzovatel:hover {background-position:0 27px;height:27px;color: #fff;}

#button_menu {
	width:215px;
	height:15px;
	/*background-color:#228df6;*/
	background-image:url(../images/button_menu.png);
	border-top:1px solid #cf3064;
	border-bottom:none;
	border-left:none;
	border-right:none;
	cursor:pointer;
	/*font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;*/
	color:#fff;
	font-weight:bold;
	font-size:9px;
	}
/*#button_menu:hover {background-position:0 15px;height:15px;color: #fff;}*/

.button_send {
	width:258px;
	height:29px;
	/*background-color:#228df6;*/
	background-image:url(../images/button_send.png);
	border:1px solid #000;
	cursor:pointer;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	}
.button_send :hover {background-position:0 27px;height:27px;color: #fff;}

#button_close1 {
	width:258px;
	height:27px;
	/*background-color:#228df6;*/
	background-image:url(../images/button_close1.png);
	border:1px solid #000;
	cursor:pointer;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	margin-right:2px;
	margin-top:2px;
	}
#button_close1 :hover {background-position:0 27px;height:27px;color: #fff;}

.button_sendq {
	width:150px;
	height:29px;
	/*background-color:#228df6;*/
	background-image:url(../images/button_sendq.png);
	border:1px solid #000;
	cursor:pointer;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	}
.button_sendq :hover {background-position:0 27px;height:27px;color: #fff;}

#button_close1q {
	width:150px;
	height:27px;
	/*background-color:#228df6;*/
	background-image:url(../images/button_close1q.png);
	border:1px solid #000;
	cursor:pointer;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	margin-top:2px;
	}
#button_close1q :hover {background-position:0 27px;height:27px;color: #fff;}

#button_close2 {
	width:120px;
	height:27px;
	/*background-color:#228df6;*/
	background-image:url(../images/button_close2.png);
	border:1px solid #000;
	cursor:pointer;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	margin-right:2px;
	margin-top:2px;
	}
#button_close2 :hover {background-position:0 27px;height:27px;color: #fff;}

/*
#button {
	width:151px;
	height:27px;
	background-image:url(../images/button.png);
	border:1px solid #bca37d;
	cursor:pointer;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	margin-right:2px;
	margin-top:2px;
	display: block;
	text-shadow: 1px 1px 0px rgba(153, 130, 55, 1);
	}
#button:hover {background-position:0 27px;height:27px;color: #fff;}*/


#err {/*Верхушка*/
    width:300px;
	height:100px;
	background-color:#000;
	margin-right:auto;
    margin-left:auto;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
	border: 1px solid #000;
	}
	
/*STYLES FOR CSS POPUP*/
#blanket {
   background-color:#000;
   opacity: 0.6;
   *background:none;
   position:absolute;
   z-index: 9001;
   top:0px;
   left:0px;
   width:100%;
}

.popUpDiv  {
	position:absolute;
	background-image:url(../images/bg.jpg);
	border:1px solid #000;
	z-index: 9002;
	text-align:center;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#000;
	font-weight:bold;
	font-size:12px;	
	border-radius: 10px;
	padding: 15px 10px;
}

/* Код увеличителя начинается здесь */
/* Если ваше изображение не связано ссылкой с другой страницей, оставьте ссылку в виде <a href="#nogo"> 
Иначе увеличительне будет работать в IE6 */
.ienlarger {
	float: left;
	clear: none; /* Можно установить left или right по необходимости */
	padding-bottom: 5px; /* Расстояние между миниатюрами. Лучше не трогать данное поле */
	padding-right: 5px; /* Расстояние между миниатюрами и окружающим текстом */
}

.ienlarger a { 
	display:block;
	text-decoration: none;
/* Если добавить правило cursor:default;, то отключится курсор в виде руки */
}

.ienlarger a:hover{ /* Не надо изменять тип позиционирования */
 	position:relative;
}

.ienlarger a span {  /* Для большого изображения и названия */
	position: absolute;
	display:none;
	color: #fff; /* Текст названия */
	text-decoration: none;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	font-size: 13px; /* Размер шрифта названия */
	background-color: #000;
	font-weight: bold;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: none;
	padding-left: 1px;
	height:201px;
}

.ienlarger img { /* Для IE, чтобы не было рамки вокруг ссылки */
border-width: 0;
}

.ienlarger a:hover span { 
	display:block;
	top: 5px; /* Большое изображение выскакивает вверх на 50px от миниатюры */
	left: 70px; /* Большое изображение выскакивает влево на 90px от миниатюры */
	z-index: 100;
	
/* Если добавить правило cursor:default;, то отключится курсор в виде руки на большом изображении */
}

.resize_thumb {
	width: 50px; /* Вводим нужный размер миниатюры здесь */
	height : 50px;
	margin: 5px;	
}
/* Код увеличителя закончен */

ul.menu {
	margin: 0;
	padding: 0;
	display: inline-block;	
	width: 225px;
}

ul.menu li {
	list-style: none;
	position: relative;
}

ul.menu li a {
	padding: 6px 5px 6px;
	color: #fff;
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	text-decoration: none;
	display: block;
	background-color:#fff;
	margin: 0px;
	border-top:1px solid #cf3064;
	border-bottom:none;
	border-left:none;
	border-right:none;
}

ul.menu li a:hover {
	background-image:url(../images/button_menu.png);
}

/*Выпадающее меню*/
ul.menu li ul {
	display: none;
}

ul.menu li:hover ul {
	display: block;
	position: absolute;
	top:-1px;
	left: 184px;
	width: 170px;
	z-index: 1000;
}

#menu {/*меню*/
    width:135px;	
	}
#menu a {
  	/*font-family: 'Trebuchet MS',Helvetica,sans-serif;*/
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
  	font-size: 11px;
	text-decoration:none;
	color: #2B587A;

	}
#menu a:hover {
	color: #fff;
}

/* Вкладки */
.green_user {
font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
list-style: none; 
float: left; 
margin-right: 10px; 
padding:5px; 
border:solid 1px #dddddd;
font-size:11px;
color:#000; 
margin-top:5px;
}

.green_user:hover
{ 
color:#FF0084; 
cursor: pointer; 
}

.add_schet_button {
	cursor:pointer;
	width:158px;
	height:22px;
	margin-top:2px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#2B587A;
	font-size:12px;
	border:1px solid #000;
	background-image:url(../images/button_add_schet.png);
	vertical-align:center;
	font-weight:bold;
	}
.add_schet_button:hover {background-position:0 22px;height:22px;color: #fff;}

.add_settings {
	cursor:pointer;
	width:149px;
	height:27px;
	margin-top:2px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#2B587A;
	font-size:12px;
	border:1px solid #000;
	background-image:url(../images/button_settings.png);
	vertical-align:center;
	font-weight:bold;
	}
.add_settings:hover {background-position:0 27px;height:27px;color: #fff;}

.add_oplata {
	cursor:pointer;
	width:149px;
	height:27px;
	margin-top:2px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#2B587A;
	font-size:12px;
	border:1px solid #000;
	background-image:url(../images/button_oplata.png);
	vertical-align:center;
	font-weight:bold;
	}
.add_oplata:hover {background-position:0 27px;height:27px;color: #fff;}

.add_vopros_button {
	cursor:pointer;
	width:158px;
	height:22px;
	margin-top:2px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#2B587A;
	font-size:12px;
	border:1px solid #000;
	background-image:url(../images/button_vopros.png);
	vertical-align:center;
	font-weight:bold;
	}
.add_vopros_button:hover {background-position:0 22px;height:22px;color: #fff;}

.add_vopros_button2 {
	cursor:pointer;
	width:158px;
	height:27px;
	margin-top:2px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#2B587A;
	font-size:12px;
	border:1px solid #000;
	background-image:url(../images/button_vopros2.png);
	vertical-align:center;
	font-weight:bold;
	}
.add_vopros_button2:hover {background-position:0 27px;height:27px;color: #fff;}



/*

#button_snova {
	width:151px;
	height:27px;
	background-image:url(../images/button_snova.png);
	border:1px solid #000;
	cursor:pointer;
	font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	margin-right:2px;
	margin-top:2px;
	}
#button_snova:hover {background-position:0 27px;height:27px;color: #fff;}

*/


#modal_window {
font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
color: #000;
font-size:12px;
display: none;
z-index: 9998;
border: 1px solid #000;
/*background-color: #FEFEFE;*/
background-image:url(../images/bg.jpg);
border-radius: 10px;
padding: 15px 20px;
height: 30px;
width: 120px;
}

.modal_window {
font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
color: #000;
font-size:12px;
display: none;
font-weight:bold;
z-index: 9998;
border: 1px solid #000;
/*background-color: #FEFEFE;*/
background-image:url(../images/bg.jpg);
border-radius: 10px;
padding: 15px 20px;
height: auto;
width: 100px;
text-align:center;
}

#background {
left: 0;
top: 0;
position: absolute;
background: #000;
opacity: 0.6;
z-index: 999;
display: none;
height: 100%;
width: 100%;
}

/* datepicker */
.datepicker {border:1px solid #333; border-right:1px solid #CCC; border-bottom:1px solid #CCC; background:#FFF url(../images/bcg-dp.gif) no-repeat 100% 50%; padding:2px 4px; width:117px;cursor:pointer;}

#datepicker {position:absolute; top:0; left:0; width:201px; border:1px solid #333; border-left:1px solid #CCC; border-top:1px solid #CCC; background:#FFF;z-index: 9999;}
#datepicker {font-family:Tahoma, Geneva, sans-serif; font-size:11px; padding:3px 3px 0;}

#dateheader {height:22px; background:#597ca4; position:relative; margin:0 0 3px;}
* html #dateheader {height:23px;}
#dateheader span {display:block; padding:4px 0 0; text-align:center; color:#FFF; font-weight:bold;}
#dateheader a {display:block; position:absolute; width:24px; height:16px; color:#FFF; text-decoration:none; font-family:"Times New Roman", Times, serif; font-size:15px; line-height:17px; border:1px solid #FFF;}
#dateheader a:hover {background:#fff; color:#597ca4; padding:1px; border:0;}
#dateheader b {display:block; text-align:center; font-weight:normal; padding:0;}
#dpLeft {top:2px; left:2px;}
#dpRight {top:2px; right:2px;}

#dateweek {overflow:hidden; width:100%; height:25px;}
#dateweek div {width:210px;}
#dateweek b {display:block; float:left; border:1px solid #EFEFEF; margin:0 2px 0 0; width:25px; height:20px;color:#597ca4;}
#dateweek span {display:block; text-align:center; padding:2px 0 0;}

#dateSp {height:1px; overflow:hidden; clear:both;}
* html #dateSp {height:3px;}

#dates {width:100%; overflow:hidden;}
#dates div {width:210px;}
#dates b {display:block; float:left; border:1px solid #FFF; width:25px; height:20px; margin:0 2px 2px 0;}
#dates a {display:block; float:left; border:1px solid #597ca4; margin:0 2px 2px 0; width:25px; height:20px; text-align:right; color:#597ca4; text-decoration:none;}
#dates a:hover {border:1px solid #597ca4; color:#fff; background:#597ca4;}
#dates span {display:block; text-align:right; padding:3px 3px 0 0;}
#dates .on {color:#fff; border:1px solid red;background-color:red;}

#dates #currentdate {color:#FF7300; border:1px solid #FFE17F;}
#dates #currentdate:hover {background:#FFF;}