﻿/* Header
********************************/
#header-container {
	/*background:url(../images/blog.gif)*/
    background: url(../images/header-bg.gif) repeat-x left;
    height: 150px;
}
#header {
    width: 930px;
    margin: 0 auto;
    overflow: hidden;
}
#logo {
    float: left;
    margin-top: 30px;
    width: 200px;
}
#header-right {
    float: right;
    margin-top: 30px;
    width: 730px;
    
}

/*Nav Bar*/
#navbar {
    background: url(../images/navbar.gif) repeat-x left;
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: block;
    height: 33px;
}
/* Top Image Container */
#ImageContainer {
    width: 950px;
    margin: 0px auto;
}
#smallmainContent{
	float: left;
    width: 455px;
    padding: 10px;
}
/* Content
*******************************/
/* #contentContainer {
    width: 950px;
    margin: 20px auto;
}*/
/*MainContent*/
#mainContent {
    float: left;
    width: 685px;
    padding: 10px;
}
/*#rightbar {
    float: right;
   background: url(../images/rightbar.gif) no-repeat left 0px;
    width: 200px;
    padding-left: 35px;
    height:100%;
}*/

#rightbar{ width: 200px; float: right;
    padding-left: 35px; height:100%;background:white url(../images/separator.png) repeat-y;}
#rightbar .top{ width: 200px; height:140px;
    padding-left: 35px;float:right;background:white url(../images/separator-top.png) no-repeat;}
#rightbar .bottom{ width: 200px; height:140px;
    padding-left: 35px;float:right;background:white url(../images/separator-bottom.png) no-repeat;}



/*footer
**************************/
#footercontainer {
    height: 350px;
    background: #565656;
    border-top: solid 5px #A6A6A6; /*border-top:solid 5px #4586D3;*/
}
#footer {
    width: 950px;
    margin: 0px auto;
}


/*Leftbar
******************************/
.leftbar {
    width: 232px;
    float: left;
}
#mainContentRight {
    margin-left: 250px;
    margin-right: 10px;
	padding-bottom:66px;
}

.clearfloat {
    /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}


/* Payment
********************************/
.paymentPanel
{
	margin: 10px 30px;
	padding: 15px;
	border: 3px #EFEFEF solid;
}
.botBorder {
	border-bottom:dotted 1px #CCCCCC;
}

.basketHeader
{
	background-color: #e7e7e7;
	font-weight: bold;
}
.AlternateItem
{
	background-color: #eaf0f3;
	border: 1px solid #eaf0f3;
}
.basketItem
{
}
.SmallGray {
	font-size:11px;
	color:#808080;
}

.livePanel
{
	margin: 30px 10px 10px 10px;
	padding: 5px;
	border: solid 3px #FFCC66;
}
.livePanel li
{
	margin-top: 5px;
	font-size: 11px;
	color: #666666;
}

.leftbar h3{ background:url(../images/nav-bg.jpg) no-repeat; width:229px;height:42px; line-height:42px;text-align:center; text-transform:uppercase; font-size:14px; color:#FFF; font-weight:bold; margin:0 !important;}

ul.leftmenu {font-weight: bold;width:227px;background:#eceaea; border:1px solid #c4c4c4; padding:0; margin:0;}
ul.leftmenu li { padding: 7px 10px; color: #000; list-style:none; margin-left:10px;	}
ul.leftmenu a:link,	ul.dropdown	{ color: #000; text-decoration: none; }
ul.leftmenu a:hover	{ color: #000;text-decoration: underline;}
.leftmenu li ul{ padding:0; margin:5px 0; font-weight:normal; border-left:1px solid #b9b9b9;}
.leftmenu li ul li{ font-size:11px; padding:3px 5px 3px 15px !important; background:url(../images/nev-subline.jpg) no-repeat scroll 0 10px; margin:0 !important; list-style:none !important;}

 /*Dotted border*/
.borderDotBox{ margin:10px 0; width:229px;}
.borderDotTop{ background:url(../images/mypage-Img.png) 0 -1020px; height:5px; width:229px;}
.borderDotMid{ background:url(../images/dot-border-midImg.png) repeat-y; padding:5px; overflow:hidden;}
.borderDotMid img{ padding-top: 10px; }
.borderDotBottom{ background:url(../images/mypage-Img.png) 0 -1025px; height:5px; width:229px;}

/* LOGIN Panel*/
.LoginPanelBx{ margin:0 auto; width:330px }
table.loginpan{ background:url(../images/login-bg.jpg) repeat-x; padding:8px; border:1px solid #d3d3d3;}
.labeltxt{ font-weight:bold; color:#6f6f6f;}
.labeltxtbx input{ padding:4px;}
.tablePadd{padding:5px;}


/* Order Details */

table.padd{ }
table.padd td{ padding:5px 5px;}
/*
.OrderTracker{background:url(../images/ordertrack.png) no-repeat left center; height:50px;}
.OrderTracker h5{color: #8c8d8f;display: inline;font-size: 20px;font-weight: normal;margin: 0;padding: 0; padding-left:50px; line-height:50px;}
.OrderSchedule{background:url(../images/schedule.png) no-repeat left center; height:50px;}
.OrderSchedule h5{color: #8c8d8f;display: inline;font-size: 20px;font-weight: normal;margin: 0;padding: 0; padding-left:50px; line-height:50px;}
.WorkInfo{background:url(../images/workinfo.png) no-repeat left center; height:32px;}
.WorkInfo h5{color: #8c8d8f;display: inline;font-size: 20px;font-weight: normal;margin: 0;padding: 0; padding-left:50px; line-height:30px;}

.subBottBorder {border-bottom: 1px solid #AAAF49;}
.subBottBorder h5 {color: #8c8d8f;display: inline;font-size: 16px;font-weight: normal;margin: 0;padding: 0; font-weight:bold;}
.clientname {border-bottom: 1px solid #314493; padding-bottom: 1px; padding-top:10px; font-size:14px; margin-left:30px;}
.clientname .cname{border-bottom: 3px solid #314493; color:#3f8bbc; display: inline; font-weight:bold; font-size:16px; margin-top:10px !important; margin-bottom:0 !important;}
*/
.leftText{color: #000000;font-weight:bold;}
.rightText{color: #8c8d8f;font-weight:bold;}
.trPadd{ margin-left:25px;}

.clientname_tit {
    border-bottom: 1px solid #6e6e6e;
    font-size: 16px;
    margin-left: 30px;
    padding-bottom: 2px;
    padding-top: 20px;
	color: #3F8BBC;
	margin-bottom:20px;
	text-transform:uppercase;
	width:70%;
}
.clientname_tit .cname {
    border-bottom: 3px solid #6e6e6e;
    color: #3F8BBC;
    display: inline;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0 !important;
}

.Status_tracker, .Order_tracker, .Work_information {
    background: url(../images/orderdetailsicon.png) no-repeat; height:32px;
}
.Status_tracker h5, .Order_tracker h5, .Work_information h5 {
    color: #252525;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 0 0 0 40px;
	line-height:32px;
}
.Status_tracker{ background-position:0 0;}
.Order_tracker{ background-position:0 -60px;}
.Work_information{ background-position:0 -114px}
.leftText {color: #3f3f3f !important;font-weight: bold;}
.tb_border{ padding:5px; border:1px dotted #569fce; background:#ffffff;}



/* LIST ITEM */
.list_Items_execution, .list_Items_advantage, .list_Items{ padding:15px; width:680px;}
.list_Items_execution li, .list_Items_advantage li, .list_Items li{font-size:14px; list-style:none;margin-bottom:5px;padding:3px 0 3px 20px; margin-bottom:5px; background:url(../images/green-arrow.png) 0 3px no-repeat;}
.list_Items_execution a, .list_Items_advantage a, .list_Items a{color:#00709d; text-decoration:none;}
.list_Items_execution a:hover, .list_Items_advantage a:hover, .list_Items a:hover{color:#000; text-decoration:none;}

.list_Items_advantage li{padding:3px 0 3px 25px !important; background:url(../images/Advantage_icon.png) 0 1px no-repeat !important;}
.list_Items_execution li{padding:3px 0 3px 25px !important;background:url(../images/Execution_Icon.png) 0 1px no-repeat !important;}

/* Curve Button */

.curve_button{ width:199px; overflow:hidden; background:url(../images/curve_button1.png) 0 0 no-repeat; height:54px; border:none; font-size:24px; color:#004790; cursor:pointer; padding-left:35px; line-height:54px;}
.curve_button:hover{ background-position:0 -58px; color:#316ca9;}
.curve_button:active{ background-position:0 -118px; color:#06386c;}


#Login_Container{ padding:10px 40px 10px 40px;}
.admintop{padding:20px;}
