body

{

background:url(../images/bg.jpg) no-repeat center top #310b28;

font-family:Arial, Helvetica, sans-serif;

padding:0;

font-size:12px;

margin:0 auto;

color: #0e4354;

font-family:Verdana, Arial, Helvetica, sans-serif;

}

ul li {cursor:pointer;}

ul li a{cursor:pointer;}

a{cursor:pointer;}

.clear{

clear:both;

}

a{

color:#256c89;

} 

h2{

font-size:18px;

color:#256c89;

font-weight:normal;

padding:0px 0 15px 0;

margin:0px;

clear:both;

}

h3{

font-size:18px;

color:#256c89;

font-weight:normal;

padding:15px 0 5px 20px;

margin:0px;

float:left;

clear:both;

}

a.forgot_pass{

float:right;

color:#256c89;

text-decoration:none;

background:url(../images/help.png) no-repeat left;

padding:0 0 0 18px;

display:block;

margin:15px 20px 0 0;

}

@font-face {

	font-family: 'trebuc';

	src: url('../fonts/trebuc.eot');

	src: local('trebuc'), url('../fonts/trebuc.woff') format('woff'), url('../fonts/trebuc.ttf') format('truetype');

}

#main_container{

margin:0 auto;

width:1000px;

padding:0px 0 0px 0;

}

.header{

width:1000px;

height:100px;

}

.header_login{

width:600px;

margin:auto;

}

.logo{

float:left;

padding:60px 0 0 0;

}

#clock_a{

float:right;

padding:15px 0 0 0;

}

.jclock{

/*color:#FFFFFF;*/

float:right;

/*font-size:22px;

font-weight:bold;

padding:34px 25px 0 0;*/

}

.right_header{

width:350px;

float:right;

text-align:right;

color:#FFFFFF;

padding:40px 0 0 0;

}

.right_header a{

margin:0 5px 0 5px;

text-decoration:underline;

color:#FFFFFF;

}

.right_header a.messages{

background:url(../images/comment.png) no-repeat right;

padding-right:20px;

}

.right_header a.logout{

background:url(../images/user_logout.png) no-repeat right;

padding-right:20px;

}



.main_content{

margin:0 auto;

width:1000px;

height:auto;

padding:0px 0 50px 0;

background:url(../images/menu_bg.jpg) no-repeat center top #D2E7F0;

}



.main_content h2{

text-align:left;

color:#000;

padding-top:4px;}

/*.footer{width:1000px;height:87px;background:url(../images/footer_bg.jpg) no-repeat center top;}*/

.footer{height:87px;background:url(../images/footer_bg.jpg) no-repeat center top;}

.footer_login{width:600px;margin:auto;}



.left_footer{float:left;padding:25px 0 0 10px;color:#a8549b;font-size:11px;}

.left_footer a{color:#FFFFFF;text-decoration:none;}

.right_footer{float:right;padding:25px 10px 0 0;}



.left_footer_login{float:left;padding:15px 0 0 10px;color:#a8549b;font-size:11px;}

.left_footer_login a{color:#FFFFFF;text-decoration:none;}

.right_footer_login{float:right;padding:15px 10px 0 0;}

/*---------------- menu----------------------*/

.menu {font-size:11px;padding:0px 10px 0 10px; float:left; width:1000px;}



/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0;margin:0;list-style-type:none; height:34px; float:left;}



/* style the sub-level lists */

.menu ul ul {width: auto;}



/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu ul li {float:right;height:34px;line-height:34px;}



/* style the sub level list items */

.menu ul ul li {display:block;width: auto;height:auto;position:relative;line-height:1em;}



/* style the links for the top level */

.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:11px;text-decoration:none;color:#fff;padding:0 10px 0 6px;}

.menu a.current{background:url(../images/menu_bg.gif) repeat-x center;}

/* style the sub level links */

.menu ul ul a, .menu ul ul a:visited {display:block;background:#57c0e8; border-bottom:1px #81dafc solid; color:#fff;width:14em;height:100%;line-height:1em;padding:1em 1em;}

.menu ul table ul a, .menu ul table ul a:visited  {width:14em; w\idth:12em;}





/* style the table so that it takes no part in the layout - required for IE to work */

.menu table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}

.menu ul ul table {lef\t:-1px;}

.menu ul ul table ul.left {margin-lef\t:2px;}



.menu li:hover {position:relative;}

* html .menu a:hover {position:relative;}



/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#57c0e8;}

/* style the fourth level background */

.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#57c0e8;}

/* style the sub level 1 background */

.menu ul :hover a.sub1 {background:url(../images/arrow.gif) no-repeat right #309dc7;}

/* style the sub level 2 background */

.menu ul ul :hover a.sub2 {background:url(../images/arrow.gif) no-repeat right #088bb4;}



/* style the level hovers */

/* first */

.menu a:hover {color:#fff;background:url(../images/menu_bg.gif) repeat-x center;}

.menu :hover > a {color:#fff;background:url(../images/menu_bg.gif) repeat-x center;}

/* second */

.menu ul ul a:hover{color:#fff;background:url(../images/menu_bg_a.gif) repeat-x center; }

.menu ul ul :hover > a {color:#fff;background:url(../images/menu_bg_a.gif) repeat-x center; }

/* third */

.menu ul ul ul a:hover {background:url(../images/menu_bg_a.gif) repeat-x center; }

.menu ul ul ul :hover > a {background:url(../images/menu_bg_a.gif) repeat-x center;  }



.menu ul ul ul li a.active { background:#e4e4e4!important; color:#a0a0a0!important;}

.menu ul ul ul li a.active:hover {background:#e4e4e4!important; color:#a0a0a0!important;}



/* fourth */

.menu ul ul ul ul a:hover {background:url(../images/menu_bg_a.gif) repeat-x center; }





/* hide the sub levels and give them a positon absolute so that they take up no room */

.menu ul ul {visibility:hidden;position:absolute;height:0;top:34px;left:0;width:14em; z-index:999;}



/* position the third level flyout menu */

.menu ul ul ul{left:14em;top:0;width:14em;}



/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {left:-14em;}





/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(../images/trans.gif);}

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{visibility:hidden;}

/* keep the fourth level hidden when you hover on second level list OR link */

.menu ul :hover ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{visibility:visible;}

/* make the fourth level visible when you hover over third level list OR link */

.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

.center_content{

clear:both;

background:#D2E7F0;

}



.left_content{

width:195px;

float:left;

padding:30px 0 0 20px;

}

.right_content{

width:1000px;

float:none;

padding:10px;

}



.sidebarmenu{

margin:0px 0;

padding:0;

width:195px;

}

.sidebarmenu a.menuitem{background:url(../images/sidebar_menu_top.gif) no-repeat center top;

color: #fff;display: block;position: relative;width:185px;height:31px;margin:0 0 5px 0;line-height:31px;padding:0px 0 0 10px;text-decoration: none;

}

.sidebarmenu a.menuitem_green{background:url(../images/green_bt.gif) no-repeat center top;

color: #fff;display: block;position: relative;width:185px;height:31px;margin:0 0 5px 0;line-height:31px;padding:0px 0 0 10px;text-decoration: none;

}

.sidebarmenu a.menuitem_red{background:url(../images/red_bt.gif) no-repeat center top;

color: #fff;display: block;position: relative;width:185px;height:31px;margin:0 0 5px 0;line-height:31px;padding:0px 0 0 10px;text-decoration: none;

}

.sidebarmenu a.menuitem:hover{background:url(../images/sidebar_menu_top_a.gif) no-repeat center top;}

.sidebarmenu a.menuitem_green:hover{background:url(../images/green_bt_a.gif) no-repeat center top;}

.sidebarmenu a.menuitem_red:hover{background:url(../images/red_bt_a.gif) no-repeat center top;}



.sidebarmenu a.menuitem:visited, .sidebarmenu .menuitem:active{

color: white;

}

.sidebarmenu a.menuitem .statusicon{

position: absolute;

top:11px;

right:7px;

border: none;

}



.sidebarmenu div.submenu{

background: white;

}

.sidebarmenu div.submenu ul{ 

list-style-type: none;

margin: 0;

padding: 0 0 5px 0;

}

.sidebarmenu div.submenu ul li{

border-bottom: 1px dotted #bfd1d9;

}

.sidebarmenu div.submenu ul li a{

display: block;

color: black;

text-decoration: none;

padding:5px 0;

padding-left: 10px;

}

.sidebarmenu div.submenu ul li a:hover{

background: #e2f0ff;

color: #0e4354;

}



.sidebar_search{

background:url(../images/sidebar_menu_top.png) no-repeat left;

width:230px;

height:31px;

float:left;

margin:0 0 5px 0;

}

.right_search{

background:url(../images/sidebar_menu_top.png) no-repeat left;

width:230px;

height:31px;

float:right;

margin:0 0 5px 0;

}

input.search_input{

width:155px;

height:16px;

margin:5px 0 0 5px;

border:1px #bdebfd solid;

background:#92dbf8;

padding:4px 0 0 2px;

float:left;

color:#096184;

font-size:11px;

}

input.search_submit{

float:left;

background:none;

border:none;

margin:7px 0 0 8px;

}







#rounded-corner

{

margin:0px;

width:980px;

text-align: left;

border-collapse: collapse;

font-size:12px;

}

#rounded-corner thead th.rounded-company

{

width:26px;

background: #60c8f2 url('../images/left.jpg') left top no-repeat;

}

#rounded-corner thead th.rounded-q4

{

background: #60c8f2 url('../images/right.jpg') right top no-repeat;

}

#rounded-corner th

{

padding:5px; 

font-weight: normal;

font-size: 11px;

color: #039;

background: #60c8f2; 

}

#rounded-corner td

{

padding: 5px;

background: #ecf8fd;

border-top: 1px solid #fff;

color: #669;

font-size:11px;

}

#rounded-corner tfoot td.rounded-foot-left

{

background: #ecf8fd url('../images/botleft.jpg') left bottom no-repeat;

}

#rounded-corner tfoot td.rounded-foot-right

{

background: #ecf8fd url('../images/botright.jpg') right bottom no-repeat;

}

#rounded-corner tbody tr:hover td

{

background: #d2e7f0;

}



/*SEARCH HERE FOR THE TABLE OF CRM EXISTING USER*/

#rounded-corner2

{

margin:0px;

width:600px;

text-align: left;

border-collapse: collapse;



}

#rounded-corner2 thead th.rounded-company

{

width:26px;

background: #60c8f2 url('../images/left.jpg') left top no-repeat;

}

#rounded-corner2 thead th.rounded-q4

{

background: #60c8f2 url('../images/right.jpg') right top no-repeat;

}

#rounded-corner2 th

{

padding: 8px;

font-weight: normal;

font-size: 13px;

color: #039;

background: #60c8f2;

}

#rounded-corner2 td

{

padding: 8px;

background: #ecf8fd;

border-top: 1px solid #fff;

color: #669;

}

#rounded-corner2 tfoot td.rounded-foot-left

{

background: #ecf8fd url('../images/botleft.jpg') left bottom no-repeat;

}

#rounded-corner2 tfoot td.rounded-foot-right

{

background: #ecf8fd url('../images/botright.jpg') right bottom no-repeat;

}

#rounded-corner2 tbody tr:hover td

{

background: #d2e7f0;

}







/*--------------*/

div.pagination {

width:625px;

clear:both;

padding:10px 0 10px 0;

margin:0px;

text-align:center;

float:left;

clear:both;

font-size:11px;

}



div.pagination a {

padding: 2px 5px 2px 5px;

margin-right: 2px;

border: 1px solid #52bfea;

text-decoration: none; 

color: #52bfea;

}

div.pagination a:hover, div.pagination a:active {

border:1px solid #52bfea;

color: #fff;

background-color: #52bfea;

}

div.pagination span.current {

padding: 2px 5px 2px 5px;

margin-right: 2px;

border: 1px solid #52bfea;

font-weight: bold;

background-color: #52bfea;

color: #FFF;

}

div.pagination span.disabled {

padding: 2px 5px 2px 5px;

margin-right: 2px;

border: 1px solid #f3f3f3;

color: #ccc;

}

.select{

width:120px;

height:22px;

border: 1px solid #999999;

margin-bottom:4px;

}

.go{ margin-left:7px; margin-top:3px;}

.selcls{ width:187px;}



/*light box css*/

.customers

{

font-family:Verdana, Geneva, sans-serif;

width:100%;

border-collapse:collapse;

}

.customers td, .customers th 

{

font-size:12px;

background:#fff;

color:#000;

border:1px solid #fc6900;

padding:6px 7px 5px 7px;

}

.customers th 

{

font-weight:bold;

font-size:13px;

text-align:center;

padding-top:7px;

padding-bottom:6px;

background-color:#046bba;

color:#ffffff;

}

.customers tr.alt td 

{

color:#000000;

background-color:#fff3c5;

}



/*BACK CSS*/

.main_back_exp{ width:858px;float:left;border:1px solid #c7c7c7; padding:5px; margin:0 auto; margin-bottom:12px;}

.main_back_exp2{ width:100%; float:left;}

.main_back{ width:980px;float:left;}

.back_left {   

width:400px; 

float:left;

font-size:18px;

color:#256c89;

font-weight:normal;

padding:0px 0 15px 0;

margin:0px;

clear:both;

}

.back_right { width:72px;

float:right;

}

.back_right_ref{ width:90px;float:right; font-weight:bold; color:#FF0000; font-size:14px;}



.btn {

  background: #3498db;

  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);

  background-image: -moz-linear-gradient(top, #3498db, #2980b9);

  background-image: -ms-linear-gradient(top, #3498db, #2980b9);

  background-image: -o-linear-gradient(top, #3498db, #2980b9);

  background-image: linear-gradient(to bottom, #3498db, #2980b9);

  -webkit-border-radius: 8;

  -moz-border-radius: 8;

  border-radius: 8px;

  font-family:Arial, Helvetica, sans-serif;

  color: #ffffff;

  font-size: 15px;

  padding: 6px 7px 7px 7px;

  text-decoration: none;

  border:none;

  height:25px;

  width:auto;

  font-weight:bold;

}



.btn:hover {

  background: #3cb0fd;

  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);

  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);

  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);

  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);

  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);

  text-decoration: none;

  border:none;

  cursor:pointer;

  height:25px;

  width:auto;

  font-weight:bold;

  text-decoration:none;

}

/*############### NOTIFICATION CSS START HERE ###########################3*/

.dropdown {

color: #000;

margin: 13px -22px 0 15px;

width: 143px;

position: relative;

height: 17px;

text-align:left;

}

.submenu

{

position: absolute;

top: -12px;

left: -20px;

z-index: 100;

width:400px;

display: none;

margin-left: 10px;

padding: 33px 0 5px;

/*border-radius: 6px;*/

/*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);*/

/*background-color:#FFFFFF;*/



}



.dropdown  li a {

color: #555555;

display: block;

font-family: arial;

font-weight: normal;

padding: 15px 15px;

cursor: pointer;

text-decoration:none;

width:370px;

border-bottom:solid 1px #ebebeb;

}



.dropdown li a:hover{

    background:#6bcef7;

    color: #555;

    text-decoration: none;

    

}

a.account {

font-size: 11px;

line-height: 9px;

color: #fff;

position: absolute;

z-index: 110;

display: block;

padding: 11px 0 0 9px;

height: 28px;

width: 121px;

margin: -11px 0 0 -10px;

text-decoration: none;

background:url(../images/arrow.png) 100px 15px no-repeat;

cursor:pointer;

font-size:12px;

font-family: arial;

font-weight: bold;

}

.root

{

list-style:none;

margin:0px;

padding:0px;

font-size: 11px;

padding: 11px 0 0 0px;

border-top:1px solid #dedede;

background:#FFFFFF;

box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);

height: 235px;

float: left;

overflow-y: auto;

overflow-x:hidden;	

border-radius: 6px;

}

.root-inner {

float:left;

}

.root-inner label {

float:left;

width:120px; 

font-weight:normal;

}

.root span {

clear:both;

margin:0 10px 0 0;

}

/*INVOICE CSS*/

.invoice-main {

width:980px;

float:left;

}

.invoice-tlt {

width:980px;

float:left;

margin-bottom:5px;

}

.invoice-tlt-box {

width:100px;

float:left;

}

.invoice-tlt-box2 {

width:210px;

float:left;

margin-left:10px;

}

.invoice-tlt-box3 {

width:100px;

float:left;

margin-left:10px;

text-align:center;

}

.invoice-input-box2 { width:100px;}

.invoice-input-box3 { width:320px;}

.vat-main {

width:400px;

float:right;

margin-top:20px;

}

.vat-tlt-1 {

width:200px;

float:left;

text-align:right;

margin-bottom:10px;

}

.vat-tlt-2 {

width:100px;

float:right;

text-align:center;

margin-bottom:10px;

}

.vat-inner { width:400px;

float:right;

}

.vat-inner-1 {

width:98px; float:left; margin-left:52px; margin-bottom:3px;

}

.vat-inner-2 {

width:150px; float:left; margin-bottom:3px;

}

.vat-inner-3 {

width:100px; float:right; text-align:center; margin-bottom:3px;

}



/*############## QUANTIOUM COURIER CSS##################*/

.q-input {width:190px; height:22px; border: solid 1px #CCCCCC;}

.q-input-2{width:190px;height:22px;border: solid 1px #CCCCCC;float:right;}

.q-text-area {width:190px;border: solid 1px #CCCCCC;}

.q-text-area2 {width:190px;border: solid 1px #CCCCCC; float:right;}

.q-main {width:980px;margin:0 auto;}

.q-main-left {width:430px;float:left;}

.q-main-left-inner {width:430px;float:left;margin-bottom:10px;}

.q-main-left-inner label {float:left;width:220px;margin:0 10px 0 0;}

.q-main-right {width:430px;float:right;}

.q-main-right-inner {width:425px;float:left;margin-bottom:13px; }

.q-main-right-inner label{float:left;width:150px;margin:0 0 0 40px;}

/*############## BLUE DART COURIER CSS##################*/



.bl_input {width:190px;height:22px;border: solid 1px #CCCCCC;}

.bl_input-2 {width:190px;height:22px;border: solid 1px #CCCCCC;float:right;}

.bl_textarea{width:190px;border: solid 1px #CCCCCC;}

.bl_main {width:980px;margin:0 auto;}

.bl_main-left {width:430px;float:left;}

.bl_main-left-inner {width:430px;float:left;margin-bottom:10px;}

.bl_main-left-inner label {float:left;width:150px;margin:0 10px 0 0;}

.bl_bl_main-right {width:430px;float:right;}

.bl_main-right-inner{width:430px; float:right; margin-bottom:15px;} 

.bl_main-right-inner label {float:left;width:150px;margin:0 0 0 50px;}

/*########## STATRT HER FOR THE INDIAN POST ############*/

.i-p-main {width:650px;margin:0 auto;}

.i-p-inner {width:650px;float:left;margin-bottom:30px;}

.epp {width:230px;float:left;}

.epp label {width:100px;float:left;}

.rs {width:345px;float:right;}

.rs label {width:35px;float:left;}

.i-p-name-main {width:300px;float:left;}

.i-p-name-detail {width:300px;float:left;margin-bottom:10px;}

.i-p-name-detail label {width:85px;float:left;}

.i-p-name-main-2 {width:300px;float:right;border:solid 1px #CCCCCC;padding:20px;}

.i-p-name-main-2-inner {font-size:18px;text-align:center;}

.i-p-name-detail-2 {width:300px;float:left;margin-top:20px;}

.i-p-name-detail-2 label {width:85px;float:left;}

.addres {width:500px;float:left;margin-top:10px;}

/*############### START HERE FOR THE TOP BUTTON #################3*/

.btn_top{

  background: #3498db;

  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);

  background-image: -moz-linear-gradient(top, #3498db, #2980b9);

  background-image: -ms-linear-gradient(top, #3498db, #2980b9);

  background-image: -o-linear-gradient(top, #3498db, #2980b9);

  background-image: linear-gradient(to bottom, #3498db, #2980b9);

  -webkit-border-radius: 28;

  -moz-border-radius: 28;

  border-radius: 28px;

  font-family: Georgia;

  color: #ffffff;

  font-size: 17px;

  padding: 5px 20px 8px 20px;

  text-decoration: none;

  border:none;

}



.btn_top:hover {

  background: #3cb0fd;

  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);

  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);

  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);

  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);

  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);

  text-decoration: none;

  border:none;

  cursor:pointer;

}

/*dashboard home*/

.home {

width:400px;

margin:0 auto;

}

.home-inner1 {

margin:100px 0 0 0;

text-align:center;

font-size:27px;

text-transform:uppercase;

font-family:trebuc;

color:#000000;

}

.home-inner2 {

margin:20px 0 0 0;

text-align:center;

font-size:22px;

text-transform:uppercase;

font-family:trebuc;

color:#000000;

}

.home-inner3 {

margin:20px 0 0 0;

text-align:center;

}