﻿@font-face {
    font-family: 'BYekan';
    src: url( '../fonts/Yekan.eot' );
    src: url( '../fonts/Yekan.eot#iefix' ) format( 'embedded-opentype' ), url( '../fonts/Yekan.woff' ) format( 'woff' ), url( '../fonts/Yekan.ttf' ) format( 'truetype' ), url( '../fonts/Yekan.svg#CartoGothicStdBook' ) format( 'svg' );
    font-weight: normal;
    font-style: normal;
}
body 
{
    margin: 0 0 0 0;
	font-family: BYekan, Tahoma, Arial, Times New Roman;
	font-size: 12px;
	color:#fff;
	background-color:#161618;
}
a
{
    color:#d1d1d1;
    text-decoration:none;
}
a:hover
{
    color:#fff;
    text-decoration:none;
}
/************* HEADER *****************/
.top-header
{
    background-image:url(../images/top-header.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    width:980px;
    height:185px;
}
.top-menu
{
    height:70px;
}
.site-menu
{
    list-style-type:none;
    padding:20px 30px 0 0;
    margin:0;
}
.site-menu li
{
    float:right;
    margin-left:20px;
}
.site-menu li a
{
    color:#fff;
    font-size:18px;
}
.top-time
{
    padding-top:5px;
}
.top-banner
{
    min-height:330px;
    background-image:url(../images/top-banner.jpg);
    background-position:center top;
    background-repeat:no-repeat;
}
.top-banner .banner
{
    height:330px;
}
.top-signin
{
    width:980px;
    height:222px;
    background-image:url(../images/top-signin.png);
    background-position:center top;
    background-repeat:no-repeat;
}
.top-signin-title
{
    width:80px;
    height:24px;
}
.top-signin-pack
{
    width:245px;
    height:67px;
    background-image:url(../images/login-pack.png);
    background-position:center top;
    background-repeat:no-repeat;
    margin-top:15px;
}
.top-signin-pack .left
{
    float:left;
    width:209px;
    text-align:left;
}
.top-signin-pack .right
{
    float:left;
    width:36px;
    padding-top:17px;
    text-align:left;
}
.top-signin-pack .left input
{
    background-color:transparent;
    border:none;
    margin-left:15px;
    color:#fff;
}
.top-signin-pack .left .username
{

}
.top-signin-pack .left .password
{
    margin-top:10px;
}
.top-account
{
    width:980px;
    background-color:#08090a;
    height:30px;
    color:#fff200;
}
.HomeLink1
{
    float:right;
}
.container
{
    width:980px;
}
/******** HOME CONTENT ******************/
.home-container
{
    margin-top:20px;
}
#RightLinks
{
    width:257px;
    float:right;
    margin-left:20px;
}
#LeftLinks
{
    width:257px;
    float:right;
    margin-right:20px;
}
#CenterBanner
{
    width:426px;
    float:right;
}
.home-link-images
{
    margin:8px 0;
    text-align:center;
}
#RightPane
{
    width:280px;
    margin-left:20px;
    float:right;
}
#LeftPane
{
    width:280px;
    margin-right:20px;
    float:right;
}
#ContentPane
{
    float:right;
}
table.user-details input
{
	margin-bottom: 8px !important;
	padding: 5px;
	width: 197px;
}
table.user-details input
{
	background-color: #fff;
	border: 1px solid #939598;
	border-radius: 4px;
	color: #666;
	margin-bottom: 2px;
}
table.user-details textarea
{
	background-color: #fff;
	border: 1px solid #939598;
	border-radius: 4px;
	color: #666;
	margin-bottom: 2px;
}
input, textarea
{
	outline: medium none;
	font-family:'BYekan';
	font-size:13px;
}
table.user-details select, table.user-details select.inputbox
{
	background-color:#fff;
	border: 1px solid #939598;
	border-radius: 4px;
	color: #666;
	margin-bottom: 8px;
	padding: 5px;
	width: 210px;
	font-family:'BYekan';
}
.loading
{
    background-color: #333;
    height: 100%;
    width: 100%;
}
fieldset
{
	border:solid 1px #666;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
legend
{
	color: #eee;
}
.button
{
	background-color: #189735;
	color: #fff;
	border:none;
	padding:2px 5px;
	border-radius: 8px;
	cursor:pointer;
}
.button:hover
{
	color:#333;
	background-color:#fff !important;
}
/**************** FOOTER ***************/
.footer
{
    width:980px;
    height:111px;
    background-image:url(../images/footer-bg.png);
}
.banner-rotate
{
    padding-top:33px;
    padding-right:3px;
}
.banner-rotate img
{
    border-radius:15px;
    width:824px;
    height:259px;
}
.grid_view
{
}
.grid_view th, .header
{
	background-color: #414141;
	color: #FFFFFF;
	padding: 10px;
	text-align: right;
	border: 1px solid #cacaca;
	border-width: 1px 0px 1px 0px;
}
.grid_view td
{
	padding: 10px;
	text-align: right;
	border: 1px solid #cacaca;
	border-width: 1px 0px 1px 0px;
}
.grid_view_page span
{
	color: red;
}
.grid_view_page td
{
	border: none;
}
.grid_view_page td td
{
	border: solid 1px #666;
	height: 26px;
	padding: 0px 9px 0px 9px;
}
/* ================================================= */
/* 	 CALENDAR CSS                              */
/* ================================================= */
.PickerCSS
{
	background-color: #ffffff;
	border-right: #000000 2px solid;
	border-top: #000000 2px solid;
	border-left: #000000 2px solid;
	border-bottom: #000000 2px solid;
}
.PickerHeaderCSS
{
	background-color: lightgrey;
	height: 30px;
}
.PickerFooterCSS
{
	background-color: lightgrey;
}
.PickerWeekDayCSS
{
	background-color: lightgrey;
	text-align: center;
	font-size: 8pt;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height: 19px;
}
.PickerCalendarCSS
{
	background-color: #e8f4ff;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height: 19px;
}
.PickerWorkDayCSS
{
	background-color: #ffffff;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}
A.PickerWorkDayCSS
{
	color: black;
	text-decoration: none;
	border: none;
}
.PickerForbidenCSS
{
	background-color: #e8f4ff;
	color: Red;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	font-weight: bold;
}
.PickerSelectedCSS
{
	background-color: #e4e8ff;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}
A.PickerSelectedCSS
{
	font-weight: bold;
	color: #0066ff;
	text-decoration: underline;
	border: none;
}