/* common */
body span.button span strong
{
	font-weight: bold;
	color: black;
	position: relative;
	font-size: 12px;
	top: 7px;
}
body span.button span
{
	display: block;
	background-color: #EBEFF8;
	line-height: 14px;
	border-bottom: 14px solid #D2D9EC;
	padding: 0px 7px;
}
body span.button
{
	border: 1px solid #84A8C9;
	display: block;
	float: left;
	cursor: pointer;
}
body span.disabled-button
{
	cursor: default;
}
body span.disabled-button span strong
{
	color: #888888;
}
body div.left-col
{
	width: 30%;
	float: left;
}
body div.right-col
{
	width: 67%;
	float: right;
}
body
{
	background: #EA9318 url(../images/bg-orange.gif) repeat-x top;
}
/* menu */
#menu li a
{
	color: white;
	text-decoration: none;
}
#menu li.select a
{
	color: black;
}
#menu li span
{
	padding: 10px;
	display: block;
}
#menu li strong
{
	font-size: 40px;
	display: block;
	font-weight: normal;
	line-height: 40px;
	letter-spacing: -1px;
}
#menu li
{
	margin-bottom: 10px;
	width: 180px;
	cursor: pointer;
	text-align: center;
}
#menu li.select
{
	background: url(../images/bg-menu.gif) no-repeat center;
	color: black;
}
#menu
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
/* main */
#main div.main-content-padding
{
	min-height: 700px;
	padding: 25px 0px;
}
#main div.main-content
{
	background: #D1E9FB url(../images/bg-content.gif) repeat-x top;
	border: 0px solid #F5FAFE;
}
#main div.main-border-padding
{
	background: #BB7613 url(../images/bg-border-orange.gif) repeat-x top;
	padding: 7px;
}
#main
{
	width: 900px;
	margin: 0px auto;
}
/* bottom-line */
#bottom-line
{
	padding: 10px 37px 20px 37px;
	color: white;
	text-align: center;
}
/* top-line */
#top-line
{
	height: 45px;
	padding: 0px 37px;
}
#top-line div.about a
{
	color: #EACABC;
}
#top-line div.about
{
	color: #EACABC;
	float: left;
	position: relative;
	top: 15px;
}
#top-line div.mic
{
	position: relative;
	top: 10px;
	color: white;
	float: right;
}
/* header */
#header div.title div.subtitle
{
	font-size: 18px;
	font-family: Arial;
	position: relative:;
}
#header h1
{
	font-size: 32px;
	line-height: 32px;
	margin-bottom: 0px;
}
#header
{
	height: 110px;
	position: relative;
	top: 5px;
}
#header div.logo
{
	text-align: center;
}
/* register */
#register div.register-form form div.other-fields div.field-block input.error
{
	background-color: #FBD4E2;
}
#register div.register-form form div.other-fields div.field-block input.success
{
	background-color: #E1F1C4;
}
#register div.register-form form div.other-fields div.field-block input
{
	margin: 0px;
	margin-left: 200px;
	width: 280px;
	margin-bottom: 10px;
	background-color: #FDF9DF;
}
#register div.register-form form div.other-fields div.field-block select
{
	margin: 0px;
	margin-left: 200px;
	width: 280px;
	margin-bottom: 10px;
	background-color: #FDF9DF;
}

#register div.register-form form div.other-fields div.field-block label.subtitle
{
	margin-left: 200px;
	position: relative;
	top: -7px;
	font-size: 11px;
	color: #408195;
}
#register div.register-form form div.other-fields div.field-block label.error
{
	color: #B21A53;
	font-weight: bold;
}
#register div.register-form form div.other-fields div.field-block span.calendar
{
	float: right;
	font-size: 16px;
	position: relative;
	right: 10px;
}
#register div.register-form form div.other-fields div.field-block label.title
{
	display: block;
	color: black; /* float:left; */
	position: absolute;
	margin: 0px;
	clear: left;
	width: 180px;
	text-align: right;
	padding-top: 2px;
}
#register div.register-message
{
	border: 4px solid white;
	background-color: #B8F0C0;
	padding: 30px;
}
#register div.register-message h4
{
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
#register div.register-form form div.other-fields div.field-block h4
{
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	padding-bottom: 20px;
}
#register div.register-form form div.other-fields div.button-holder
{
	height: 50px;
	margin-left: 200px;
	position: relative;
	top: 15px;
}
#register div.register-form form div.other-fields div.field-block span.selected-date-title
{
	background-color: #FDF9DF;
	padding: 2px 5px;
}
#register div.register-form form div.other-fields div.field-block
{
	border-bottom: 1px solid #bbbbbb;
	padding: 15px 25px;
}
#register div.register-form form div.dates div.scroll-left
{
	width: 22px;
	height: 85px;
	float: left;
	cursor: pointer;
	background: url(../images/button-scroll-left.gif) no-repeat right;
}
#register div.register-form form div.dates div.scroll-right
{
	width: 22px;
	height: 85px;
	float: right;
	cursor: pointer;
	background: url(../images/button-scroll-right.gif) no-repeat left;
}
#register div.register-form form div.dates div.scroll-left-disabled
{
	background-image: url(../images/button-scroll-left-disabled.gif);
	cursor: default;
}
#register div.register-form form div.dates div.scroll-right-disabled
{
	background-image: url(../images/button-scroll-right-disable.gif);
	cursor: default;
}
#register div.register-form form div.dates ul li strong span.month
{
	display: block;
	font-size: 16px;
	font-weight: bold;
}
#register div.register-form form div.dates ul li strong span.date
{
	font-size: 36px; /* font-weight: bold; */
	line-height: 36px;
	font-family: Tahoma;
	display: block;
}
#register div.register-form form div.dates ul li strong span.month, #register div.register-form form div.dates ul li strong span.date
{
	position: relative;
	top: 10px;
}
#register div.register-form form div.dates ul li span
{
	display: none;
}
#register div.register-form form div.dates ul li strong span
{
	display: block;
}
#register div.register-form form div.dates ul li strong
{
	font-weight: normal;
	display: block;
	height: 85px;
	border-left: 1px solid #646A7A;
	border-right: 1px solid #29292B; ;
text-align:center;
}
#register div.register-form form div.dates ul li
{
	float: left;
	width: 20%;
	cursor: pointer;
	display: none;
}
#register div.register-form form div.dates ul li.select
{
	background: #BCE1D2 url(../images/arrow-select-date.gif) no-repeat bottom;
	color: black;
	cursor: default;
}
#register div.register-form form div.dates ul
{
	list-style: none;
	padding: 0px;
	margin: 0px 31px;
	border-right: 1px solid #646A7A;
	border-left: 1px solid #29292B;
	height: 85px;
	overflow: hidden;
}
#register div.register-form form div.dates
{
	background: black url(../images/bg-calendar.gif) repeat-x center;
	color: #EBEFF8;
	height: 85px;
}
#register div.register-form form
{
	padding: 0px;
	margin: 0px;
	background-color: white;
	width: 570px;
}
#register div.left-col
{
	width: 28%;
}
#register div.right-col
{
	width: 69%;
}
#register div.about-registration h2
{
	margin-bottom: 15px;
}
#register div.about-registration h1
{
	background: url(../images/bg-register-title.gif) no-repeat;
	padding: 3px 10px 7px 10px;
	line-height: 41px;
	font-size: 35px;
	margin-bottom: 15px;
}
#register
{
	padding: 30px;
	padding-bottom: 0px;
}

/* calendar */
#calendar
{
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
#calendar div.window div.calendars ul.days li span
{
	display: none;
}
#calendar div.window div.calendars ul.days li strong span
{
	display: block;
	border: 1px solid white;
	cursor: default;
}
#calendar div.window div.calendars ul.days li strong
{
	display: block;
	border-left: 3px solid white;
	border-right: 3px solid white;
}
#calendar div.window div.calendars ul.days li.select strong span
{
	background-color: #2A6A9F;
	border-color: #2A6A9F;
	color: white;
	font-weight: bold;
	cursor: pointer;
}
#calendar div.window div.calendars ul.days li.free strong span
{
	background-color: #ACE2A9;
	border-color: #77AD75;
	cursor: pointer;
}
#calendar div.window div.calendars ul.days li.busy strong span
{
	background-color: #F8D4A0;
	border-color: #EA9318;
}
#calendar div.window div.calendars ul.days li.closed strong span
{
	background-color: #FFFF00;
	border-color: #AAAA00;
}
#calendar div.window div.calendars ul.days li
{
	width: 14%;
	float: left;
	text-align: center;
	padding-bottom: 4px;
	pointer: default;
}
#calendar div.window div.calendars ul.days
{
	list-style: none;
	position: relative;
	width: 172px;
	padding: 0px;
	margin: 0px;
}
#calendar div.window div.calendars ul.month strong
{
	font-weight: normal;
}
#calendar div.window div.calendars ul.month
{
	position: relative;
	top: 5px;
}
#calendar div.window div.calendars div.month
{
	font-weight: bold;
	text-align: center;
	line-height: 35px;
}
#calendar div.window div.calendars div.month-holder-padding
{
	padding: 0px 30px;
}
#calendar div.window div.calendars div.month-holder
{
	width: 25%;
	float: left;
}
#calendar div.window div.calendars
{
	position: relative;
	top: -53px;
}
#calendar div.window div.lines
{
	background-color: white;
	height: 20px;
	border-top: 30px solid #E6F3E8;
	border-bottom: 1px solid #E6F3E8;
}
#calendar div.window div.header div.close
{
	background: url(../images/button-window-close.gif) no-repeat;
	width: 26px;
	height: 26px;
	float: right;
	position: relative;
	top: 12px;
	cursor: pointer;
}
#calendar div.window div.header h4
{
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	top: 15px;
	margin-right: 100px;
}
#calendar div.window div.header
{
	height: 47px;
	background: url(../images/bg-window-header.gif) repeat-x top;
	padding: 0px 20px;
	border-bottom: 1px solid #C7D3DD;
}
#calendar div.window dl.legend dt, #calendar div.window dl.legend dd
{
	display: block;
	float: left;
	padding: 0px;
	margin: 0px;
	margin-right: 5px;
	line-height: 10px;
}
#calendar div.window dl.legend dt
{
	margin-right: 10px;
}
#calendar div.window dl.legend dd
{
	width: 10px;
	height: 10px;
	background-color: grey;
}
#calendar div.window dl.legend dd.open
{
	background-color: #77AD75;
}
#calendar div.window dl.legend dd.close
{
	background-color: #EA9318;
}
#calendar div.window div.legend
{
	position: absolute;
	top: 240px;
	left: 210px;
	height: 10px;
}
#calendar div.window dl.legend
{
	font-size: 11px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#calendar div.window
{
	position: relative;
	top: 90px;
	background-color: white;
	border: 5px solid #A7D4AF;
	width: 850px;
	height: 270px;
	margin: 0px auto;
}
#calendar div.background
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
}
/* plain-content */

#plain-content ul.menu li a span
{
	text-decoration: underline;
}
#plain-content ul.menu li a strong
{
	display: block;
	font-size: 40px;
	font-weight: normal;
	letter-spacing: -1px;
	text-decoration: none !important;
	line-height: 40px;
}
#plain-content ul.menu li a
{
	display: block;
	text-decoration: none !important;
	padding: 10px 10px;
	padding-left: 30px;
}
#plain-content ul.menu li
{
	width: 180px;
	text-align: left;
	margin-bottom: 10px;
}
#plain-content ul.menu li.select a span
{
	text-decoration: none;
}
#plain-content ul.menu li.select a
{
	color: black;
	text-align:center;
}
#plain-content ul.menu li.select
{
	background: url(../images/bg-content-menu.gif) no-repeat;
}
#plain-content ul.menu
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#plain-content div.right-col
{
	width: 69%;
}
#plain-content
{
	padding: 10px 40px;
}

/* about */
#about div.about-items div.item
{
	display: none;
}
#about div.about-items div.item a
{
	color: White;
}
#about div.about-items div.item a:hover
{
	text-decoration: none;
}
#about div.about-items div.item h3
{
	font-size:large;
}
#about div.about-items div.select
{
	display: block;
}
#about div.right-col
{
	width: 69%;
}
#about div.about-padding
{
	padding: 30px 40px;
	color: white;
	background: url(../images/bg-about.jpg) no-repeat bottom left; */
min-height:300px;
}
#about
{
	background: #28699F url(../images/bg-frame.gif) repeat-y right;
}
