﻿/* Header
********************************/
#header-container {    background: url(../images/BG/header-bg.gif) repeat-x left;    height: 150px;}
#header {    width: 930px;    margin: 0 auto;    overflow: hidden;}
#logo {    /*float: left;    margin-top: 18px;    width: 200px;*/}
#header-right {    float: right;    margin-top: 30px;    width: 730px;}

/*Nav Bar*/
#navbar {    background: url(../images/BG/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: 0px auto; position:relative;}
/*MainContent*/
#mainContent {    float: left;    width: 685px;    padding: 10px;}
#rightbar{ width: 200px; float: right;    padding-left: 35px; height:100%;background:white url(../images/bg/separator.png) repeat-y;}
#rightbar .top{ width: 200px; height:140px;    padding-left: 35px;float:right;background:white url(../images/bg/separator-top.png) no-repeat;}
#rightbar .bottom{ width: 200px; height:140px;    padding-left: 35px;float:right;background:white url(../images/bg/separator-bottom.png) no-repeat;}

/*footer
**************************/
#footercontainer {    height: 320px;    background: #565656;    border-top: solid 5px #A6A6A6; /*border-top:solid 5px #4586D3;*/}
#footer {    width: 950px;    margin: 0px auto;}

/*Leftbar
******************************/
.leftbar {    width: 232px;    float: left; margin-top:20px; box-shadow:0 0 3px #c7cbd7; border-radius:5px; overflow:hidden;}
#mainContentRight { float :right; width:700px;position:relative; min-height:500px;}

.clearfloat {    clear: both;    height: 0;    font-size: 1px;    line-height: 0px;}

.lnkout{-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;}
/* 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:#464646/*url(../images/bg/nav-bg.jpg) no-repeat*/; height:42px; line-height:42px;text-align:center; text-transform:uppercase; font-size:12px; color:#FFF; font-weight:bold; margin:0 !important;}
.leftbar h3 a{color:#FFF; text-decoration: none;}
ul.leftmenu {font-weight: bold;background:#fff;  padding:0; margin:0;}
ul.leftmenu li {  color: #000; list-style:none; margin-left:0;	}
ul.leftmenu li a { color: #000 ;padding: 4px 10px;  font-size:12px; font-weight:normal;}
ul.leftmenu a:link,	ul.dropdown	{ color: #000; text-decoration: none; }
ul.leftmenu a:hover	{ color: #fff;text-decoration: none; }
.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/bg/nev-subline.jpg) no-repeat scroll 0 10px; margin:0 !important; list-style:none !important;}
.leftmenu li ul li a{ color: #000 !important;}
 /*Dotted border*/
.borderDotBox{ margin:10px 0; width:229px;}
.borderDotTop{ background:url(../images/mypage/mypage-Img.png) 0 -1020px; height:5px; width:229px;}
.borderDotMid{ background:url(../images/mypage/dot-border-midImg.png) repeat-y; padding:5px; overflow:hidden;}
.borderDotMid img{ padding-top: 10px; }
.borderDotBottom{ background:url(../images/mypage/mypage-Img.png) 0 -1025px; height:5px; width:229px;}

/* LOGIN Panel*/
.LoginPanelBx{ margin:0 auto; width:330px }
table.loginpan{ background:url(../images/bg/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.padding td{ padding:5px 0px 10px 5px;}
table.padd td{ padding:5px 5px;}
.leftText{color: #000000;font-weight:bold;}
.rightText{color: #8c8d8f;font-weight:bold;display:block;word-wrap: break-word;}
.trPadd{ margin-left:25px;}
tabble.trPadd{ margin-left:20px;}
.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:95%;}
.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/mypage/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}
.EmailAccounts{ background: url(../images/mypage/email-icon.png) no-repeat; height:32px !important;}
h5.EmailAccounts{ padding-left:50px;}
.EmailAccounts h5 {    color: #252525;    font-size: 18px;    font-weight: normal;    margin: 0;    padding: 0 0 0 50px;	line-height:32px;}
.leftText {color: #3f3f3f !important;font-weight: bold;}
.tb_border{ padding:5px; border:1px solid #ddd; background:#ffffff;}

#ctl00_ContentPlaceHolder1_pnlOtherClient td{vertical-align: top;color:#666666}
#ctl00_ContentPlaceHolder1_pnlOtherClient table a{font-size: 16px;font-weight:normal;}

/* 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;background:url(../images/icons/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/icons/Advantage_icon.png) 0 1px no-repeat !important;}
.list_Items_execution li{padding:3px 0 3px 25px !important;background:url(../images/icons/Execution_Icon.png) 0 1px no-repeat !important;}

.list_items_benefits{width:680px;}
.list_items_benefits li{font-size:14px;margin-bottom:5px; margin-left:30px !important; padding:3px 0 3px 5px !important; list-style:disc; background:none !important; font-family:Arial !important;}
.list_items_benefits h4{padding:0px !important;}

/* Curve Button */
.curve_button{ width:199px; overflow:hidden; background:url(../images/bg/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;}

.subcurve_button{ width:269px; background:url(../images/bg/Subscribed_Orders_btn.png) 0 0 no-repeat; height:54px; border:none; font-size:20px; color:#004790; cursor:pointer; padding-left:25px; line-height:54px;}
.subcurve_button:hover{ background-position:0 -58px; color:#316ca9;}
.subcurve_button:active{ background-position:0 -118px; color:#06386c;}

/*SEO Outsourcing at SIM*/
.add_list_Item, .dotted_icon_LI, .green_icon_LI, .faq_list_Item{ padding:0; margin:15px 0 15px 20px; list-style:none;}
.add_list_Item li, .dotted_icon_LI li, .green_icon_LI li, .faq_list_Item li{ padding:5px 0 5px 20px; font-size:14px; background:url(../images/icons/add.png) 0 7px no-repeat; margin:0;}
.dotted_icon_LI li{ background:url(../images/icons/arrow_icon.png) no-repeat  0 8px;}
.green_icon_LI li{ background:url(../images/icons/icon2.png) no-repeat  0 8px;}
.faq_list_Item li{ background:url(../images/icons/faq_icon.png) 0 7px no-repeat;}

/* Home PAge Pannel */
.serviceArticle{background: url(../images/bg/sim-service.png) no-repeat 0px 0px; width:214px; height:57px; display:inline-block;}
.servicePressrelease{background: url(../images/bg/sim-service.png) no-repeat -214px 0px; width:214px; height:57px; display:inline-block;}
.serviceDirectory{background: url(../images/bg/sim-service.png) no-repeat -438px 0px; width:214px; height:57px; display:inline-block;}
.serviceSBM{background: url(../images/bg/sim-service.png) no-repeat 0px -57px; width:214px; height:57px; display:inline-block;}
.serviceBlog{background: url(../images/bg/sim-service.png) no-repeat -214px -57px; width:214px; height:57px; display:inline-block;}
.serviceVideo{background: url(../images/bg/sim-service.png) no-repeat -438px -57px; width:214px; height:57px; display:inline-block;}
.serviceLBL{background: url(../images/bg/sim-service.png) no-repeat 0px -119px; width:214px; height:67px; display:inline-block;}
.serviceeComm{background: url(../images/bg/sim-service.png) no-repeat -214px -119px; width:214px; height:67px; display:inline-block;}
.serviceOthers{background: url(../images/bg/sim-service.png) no-repeat -438px -119px; width:214px; height:67px; display:inline-block;}
.serviceCM{background: url(../images/bg/sim-service.png) no-repeat 0px -492px; width:214px; height:67px; display:inline-block;}
.servicePack{background: url(../images/bg/sim-service.png) no-repeat -214px -492px; width:214px; height:67px; display:inline-block;}
.serviceSMM{background: url(../images/bg/sim-service.png) no-repeat -438px -492px; width:214px; height:67px; display:inline-block;}

.serviceArticle_active{background: url(../images/bg/sim-service.png) no-repeat 0px -190px; width:214px; height:57px; display:inline-block;}
.servicePressrelease_active{background: url(../images/bg/sim-service.png) no-repeat -214px -190px; width:214px; height:57px; display:inline-block;}
.serviceDirectory_active{background: url(../images/bg/sim-service.png) no-repeat -438px -190px; width:214px; height:57px; display:inline-block;}
.serviceSBM_active{background: url(../images/bg/sim-service.png) no-repeat 0px -251px; width:214px; height:57px; display:inline-block;}
.serviceBlog_active{background: url(../images/bg/sim-service.png) no-repeat -214px -251px; width:214px; height:57px; display:inline-block;}
.serviceVideo_active{background: url(../images/bg/sim-service.png) no-repeat -438px -251px; width:214px; height:57px; display:inline-block;}
.serviceLBL_active{background: url(../images/bg/sim-service.png) no-repeat 0px -312px; width:214px; height:67px; display:inline-block;}
.serviceeComm_active{background: url(../images/bg/sim-service.png) no-repeat -214px -312px; width:214px; height:67px; display:inline-block;}
.serviceOthers_active{background: url(../images/bg/sim-service.png) no-repeat -438px -312px; width:214px; height:67px; display:inline-block;}
.serviceCM_active{background: url(../images/bg/sim-service.png) no-repeat 0px -555px; width:214px; height:67px; display:inline-block;}
.servicePack_active{background: url(../images/bg/sim-service.png) no-repeat -214px -555px; width:214px; height:67px; display:inline-block;}
.serviceSMM_active{background: url(../images/bg/sim-service.png) no-repeat -438px -555px; width:214px; height:67px; display:inline-block;}

.Twitter{background: url(../images/bg/backgroundicons.png) no-repeat 0px 0px;}
/*
.containeryellow{ background:url(../images/mypage/yellow-bg.png) repeat;-moz-border-radius:10;-webkit-border-radius:10px;border-radius:10px; float:left; width:98%; padding:1%;}
.subTitB{ background:#eff6e8; border-bottom:1px solid #c6d6b7; padding:7px 15px; color:#212121; display:block; height:100%; width:560px; overflow:hidden;}
.subTitDate{  width:130px; padding-right:5px; }

.mainBorderBox{ background: url(../images/mypage/lineBorder.png) repeat; width:850px ;padding:10px; margin:0 auto;  -moz-border-radius: 10px;-webkit-border-radius: 10px;
            border-radius: 10px;}
.containerwhite{ width:97%; float:left; padding:2% 1% 2% 2%; background:#FFF; min-height:250px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.containerlftPan{ width:96%; float:left;height:100%;padding:2% 0 2% 2%;}
.titilemain{ font-size:20px; text-transform:uppercase;margin:0 0 15px !important; padding:0 !important; color:#000 !important;}
.pagesubTit{ color:#3f8bbc; font-weight:bold; font-size:16px; padding:0 !important;margin:0 0 10px 0 !important;}
*/
h5.EmailAccounts{ padding-left:50px;}
.starrating{ position:relative;}
.starinner{ position: absolute;
    right: -6px;
    top: -5px;}

/*new style*/	
.leftbar.f-nav{  overflow:hidden; margin:5px 0 0 0}
ul.leftmenu li{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,f8f8f8+100 */
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top, #fafafa 0%, #f8f8f8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fafafa 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fafafa 0%,#f8f8f8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fafafa 0%,#f8f8f8 100%); /* IE10+ */
background: linear-gradient(to bottom, #fafafa 0%,#f8f8f8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */; border-bottom:1px solid #e2e2e4;
}

ul.leftmenu li:hover {background:#0098db;}

ul.leftmenu li:hover a{ color:#fff; }



.span3 .gplus{ padding:0 !important;}
.midContent .paymentPanel{ margin:10px 0; border:none;}
.r-alert, .g-alert {
    
    border-radius: 25px;
    color: #fff;
    padding: 2px 5px;
}
.r-alert{background: #ff5744;}

.g-alert{background: #5fbe60;}

.midContent .paymentPanel input[type="submit"] {
  display: inline-block;
    display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
  *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
 color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0680c5;
  *background-color: #0680c5;
background: #0892d4; /* Old browsers */
background: -moz-linear-gradient(top, #0892d4 0%, #0680c5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0892d4), color-stop(100%,#0680c5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0892d4 0%,#0680c5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0892d4 0%,#0680c5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0892d4 0%,#0680c5 100%); /* IE10+ */
background: linear-gradient(to bottom, #0892d4 0%,#0680c5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0892d4', endColorstr='#0680c5',GradientType=0 ); /* IE6-9 */
  *-webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
		  border:none;
		  margin-bottom:10px;
    zoom: 1;

}


.midContent select:focus, input[type="file"]:focus, .midContent input[type="radio"]:focus, .midContent input[type="checkbox"]:focus{ outline:none;}
ul.leftmenu li img{float: left;margin: 7px 5px 0 10px;}
ul.leftmenu a{display: block;}
