/**************EASYUI Begin*****************/
/*ButtonCommon*/
.control-button-common
{
	color: #444;
	background-image: url('../Scripts/EasyUI/themes/gray/images/linkbutton_bg.png');
	background-repeat: no-repeat;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background-position: right 0;
	text-decoration: none;
	display: inline-block;
	zoom: 1;
	height: 24px;
	padding-right: 18px;
	cursor: pointer;
	outline: none;
}

.span-button-common
{
	color: #444;
	display: inline-block;
	padding: 4px 0px 4px 18px;
	line-height: 16px;
	height: 16px;
	background-image: url('../Scripts/EasyUI/themes/gray/images/linkbutton_bg.png');
	background-repeat: no-repeat;
	border: 0;
	filter: none;
	background-position: 0 -48px;
}

a:hover.control-button-common
{
	background-position: right -24px;
	outline: none;
	text-decoration: none;
}

a:hover.control-button-common span.span-button-common
	{
		background-position: 0 bottom;
	}
/*AddButton*/
.span-button-ok
{
	display: inline-block;
	vertical-align: baseline;
	width: auto;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	padding: 0;
	margin: 0;
	padding: 0 0 0 20px;
	background-position: left center;
	background-image: url('../Scripts/EasyUI/themes/icons/ok.png');
	background-repeat: no-repeat;
}
.span-button-add
{
	display: inline-block;
	vertical-align: baseline;
	width: auto;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	padding: 0;
	margin: 0;
	padding: 0 0 0 20px;
	background-position: left center;
	background-image: url('../Scripts/EasyUI/themes/icons/edit_add.png');
	background-repeat: no-repeat;
}

/*ModifyButton*/
.span-button-modity
{
	display: inline-block;
	vertical-align: baseline;
	width: auto;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	padding: 0;
	margin: 0;
	padding: 0 0 0 20px;
	background-position: left center;
	background-image: url('../Scripts/EasyUI/themes/icons/pencil.png');
	background-repeat: no-repeat;
}

/*SelectButton*/
.span-button-detail
{
	display: inline-block;
	vertical-align: baseline;
	width: auto;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	padding: 0;
	margin: 0;
	padding: 0 0 0 20px;
	background-position: left center;
	background-image: url('../Scripts/EasyUI/themes/icons/tip.png');
	background-repeat: no-repeat;
}

/*DeleteButton*/
.span-button-delete
{
	display: inline-block;
	vertical-align: baseline;
	width: auto;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	padding: 0;
	margin: 0;
	padding: 0 0 0 20px;
	background-position: left center;
	background-image: url('../Scripts/EasyUI/themes/icons/cancel.png');
	background-repeat: no-repeat;
}

/*PrintButton*/
.span-button-print
{
	display: inline-block;
	vertical-align: baseline;
	width: auto;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	padding: 0;
	margin: 0;
	padding: 0 0 0 20px;
	background-position: left center;
	background-image: url('../Scripts/EasyUI/themes/icons/print.png');
	background-repeat: no-repeat;
}

/*CancelButton*/
.span-button-cancel
{
	display: inline-block;
	vertical-align: baseline;
	width: auto;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	padding: 0;
	margin: 0;
	padding: 0 0 0 20px;
	background-position: left center;
	background-image: url('../Scripts/EasyUI/themes/icons/cancel.png');
	background-repeat: no-repeat;
}

/*SearchButton*/
.span-button-search
{
	display: inline-block;
	vertical-align: baseline;
	width: auto;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	padding: 0;
	margin: 0;
	padding: 0 0 0 20px;
	background-position: left center;
	background-image: url('../Scripts/EasyUI/themes/icons/search.png');
	background-repeat: no-repeat;
}

/*DisableButtonCommon*/
.control-button-disabled
{
	background-image: url('../Scripts/EasyUI/themes/gray/images/linkbutton_bg.png');
	background-repeat: no-repeat;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background-position: right -24px;
	text-decoration: none;
	display: inline-block;
	zoom: 1;
	height: 24px;
	padding-right: 18px;
	outline: none;
	color: #ccc;
	filter: alpha(opacity=50);
	cursor: default;

}
a:hover.control-button-disabled
{
	text-decoration:none;
}
/*DisableButton*/
.span-button-disabled
{
	color: #444;
	display: inline-block;
	padding: 4px 0px 4px 18px;
	line-height: 16px;
	height: 16px;
	background-image: url('../Scripts/EasyUI/themes/gray/images/linkbutton_bg.png');
	background-repeat: no-repeat;
	border: 0;
	filter: none;
	background-position: 0 bottom;
}
/**************EASYUI End*****************/

/**************DataControl Begin*****************/
.CommonDay
{
	text-align:center;
	font-size:12px;
	padding-top:5px;
	cursor:pointer;
	width:14%;
}

.WCommonDay
{
	text-align:center;
	font-size:12px;
	padding-top:5px;
	color:red;
	cursor:pointer;
	width:14%;
}

.WCommonDayOn
{
	text-align:center;
	font-size:12px;
	padding-top:5px;
	background-color:#bdebee;
	color:red;
	cursor:pointer;
	width:14%;
}

.CommonDayOn
{
	text-align:center;
	font-size:12px;
	padding-top:5px;
	background-color:#bdebee;
	cursor:pointer;
	width:14%;
}

.DayOn
{
	text-align:center;
	font-size:12px;
	padding-top:5px;
	background-color:green;
	cursor:pointer;
	width:14%;
}

.LimitDay
{
	text-align:center;
	font-size:12px;
	padding-top:5px;
	background-color:#bababa;
	width:14%;
}

.LimitDayOver
{
	text-align:center;
	font-size:12px;
	padding-top:5px;
	background-color:#bababa;
	width:14%;
}
/**************DataControl End*******************/

/***************** Navigation Begin ****************/
.Navigation_normal
{
    /*width: 54px;
	    height: 54px;*/
    position: relative;
    width: 55px;
}

.Navigation_container
{
    padding-top: 10px;
    /*padding-bottom: 2px;*/
    margin: 0 auto;
    text-align: center;
    position: relative;
    cursor: pointer;
    color: black;
}

    .Navigation_container img
    {
        width: 54px;
        height: 54px;
    }

.Navigation_tip
{
    line-height: 22px;
    right: -10px;
    top: -10px;
    position: absolute;
    background-image: url('../Content/Images/Navigation/TSPIC.png');
    width: 22px;
    height: 22px;
    z-index: 99;
}

.Navigation_nbsp
{
    width: 20px;
    float: left;
}

.Navigation_span
{
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

.Navigation_span
{
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

.TopHorizontalToolBar
{
    white-space: nowrap;
    overflow: hidden;
    float: left;
    line-height: 58px;
    font-size: 14px;
    color: #93b480;
}

.TopHorizontalAlign
{
    display: inline-block;
    min-width: 60px;
    height: 80px;
    padding: 0px 5px 0px 4px;
}

.TopHorizontalAlign
{
    display: -moz-inline-box;
    *display: inline;
    min-width: 60px;
    height: 80px;
    padding: 0px 5px 0px 4px;
}

/***************** Navigation End *****************/


/***************** Validation Begin*********************/
.field-validation-error
{
    color: #666;
    /*width: 230px;*/
    line-height:20px;
    padding:6px 10px;
    margin-left:10px;
    border:solid 1px #edd9a5;
    float:left;
    /*position:relative;*/
    background-image:none;
    background-attachment:scroll;
    background-repeat:repeat;
    background-position-x:0%;
    background-position-y:0%;
    background-color:rgb(255,252,233);
    font-size:12px;
}

.field-validation-error .top-arrow{
     left:6px;top:-7px;width:11px;height:7px;position:absolute;font-size:1px;line-height:1px;
        background-image:url("images/arrow_top.gif");background-attachment:scroll;background-repeat:repeat;
        background-position-x:0px;background-position-y:0px;background-color:transparent;
}

.field-validation-error .left-arrow
    {
      left:-7px;top:12px; width:7px;height:11px;position:absolute;font-size:1px;line-height:1px; 
        background-image:url("images/arrow_left.gif");background-attachment:scroll;background-repeat:repeat;
        background-position-x:0px;background-position-y:0px;background-color:transparent;
    }

.form-button
{
    height:50px;line-height:50px;float:left;width:100%;text-align:center;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;float:left;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}
/***************** Validation End*********************/

/***************** Message Begin**********************/
.span-message-img{}

.span-message-text{padding-left:10px;}
/***************** Message End************************/

/***************** Main FrameWork Begin***************/
.pagetitle{height: 100px;background-image: url(images/page_title_bg.gif);background-repeat: repeat-x; min-width:990px;}
.pagetitle-img{	background-image: url(images/BannerBG01.gif);background-repeat: no-repeat;	height: 100px;width:850px;float:left;}
.page-middle{float:left;width:10px; background-image:url(Images/LeftMenuBg02.gif);min-height:500px;}
.pagenav{height: 31px;	background-image: url(images/NavigationBg01.gif);background-repeat: repeat-x;line-height:31px;color:#777676;font-size:12px;padding-left:20px;}

.pageleft{background-repeat: repeat-y;min-height:500px;background-color:#f0f0f0;}
.pageleft-menu{width:202px;float:left;}

#pageleft-top{
	height:5px;	background-image: url(images/LeftMenuBg01.gif);	background-repeat: no-repeat;
	}
#pageleft-button{
	height: 40px;
	line-height:50px;padding-left:15px;vertical-align:middle; 
}
.pageleft-menu li{height:40px;width:174px;font-size:14px;padding-left:30px;line-height:40px;list-style:none;}

#page_context{
	min-height: 500px;_height:500px;
	background-color: #fff; 
	margin-left:214px;
}
#pagebottom{
	height: 38px;
	min-height:38px;
	background-color: #fff;
	background-image: url(images/page_bottom_bg.gif);
	background-repeat: repeat-x;line-height:30px;text-align:center;color:#878787;font-size:12px;
	text-align:center;
}

#resize_div{
	cursor:pointer;
	height:60px;
	width:10px;
	margin-top:200px;
	background-image:url(Images/frame_close.gif);
}

.btn_smail_gray{cursor:pointer;
	width: 60px;
	height: 26px;
	background-image: url(images/btn_gray_small.gif);
 	background-repeat: no-repeat;border:0px;
}

.btn_middle_gray{cursor:pointer;
	width: 80px;
	height: 26px;
	background-image: url(images/btn_gray_middle.gif);
 	background-repeat: no-repeat;border:0px;
}
/***************** Main FrameWork End*****************/

/***************** Mobile Styles Begin****************/
@media only screen and (max-width: 850px) {

    /* header*/
    header .float-left,
    header .float-right {
        float: none;
    }

    /*logo*/
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    /*login*/
    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

        #login a:hover {
            color: #333;
        }

    /*menu*/
    nav {
        margin-bottom: 5px;
    }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul#menu li {
            margin: 0;
            padding: 0;
        }


    /* main layout*/
    .main-content,
    .featured + .main-content {
        background-position: 10px 0;
    }

    .content-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    /*page content*/
    article, aside {
        float: none;
        width: 100%;
    }

    /*ordered list*/
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.zero,
            ol.round li.one,
            ol.round li.two,
            ol.round li.three,
            ol.round li.four,
            ol.round li.five,
            ol.round li.six,
            ol.round li.seven,
            ol.round li.eight,
            ol.round li.nine {
                background: none;
            }

     /*features*/
     section.feature {
        float: none;
        padding: 10px;
        width: auto;
     }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: 600;
        }

    /*forms*/
    input {
        width: 90%;
    }

    /*login page*/
    #loginForm {
        border-right: none;
        float: none;
        width: auto;
    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm {
        margin-left: 0;
        float: none;
        width: auto;
    }


    /*footer*/
    footer .float-left,
    footer .float-right {
        float: none;
    }

    footer {
        text-align: center;
        height: auto;
        padding: 10px 0;
    }

        footer p {
            margin: 0;
        }
}
/***************** Mobile Styles End****************/