@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
html,body,div,h1,h2,h3,h4,h5,h6,p,img,dl,dt,dd,ol,ul,li,caption,form,fieldset,embed,object,applet { margin: 0; padding: 0;  border: 0;}
body{background:#f3f3f3;margin: 0px; font-family:Arial, Helvetica, sans-serif; color:#000000;font-size:12px;}
img{ border: none; padding: 0px; }
img a{border:none;}

h1 {font-size: 22px; margin:0; margin-bottom:5px; padding:5px 0; font-weight:bold; color:#e53324; line-height:28px;}
h2 {font-size: 20px; margin:0; margin-bottom:5px; padding:5px 0; font-weight:bold; color:#d97b00; line-height:26px;}
h3 {font-size: 18px; margin:0; margin-bottom:5px; padding:5px 0; font-weight:bold; color:#0877cd; line-height:24px;}
h4 {font-size: 16px; margin:0; margin-bottom:5px; padding:5px 0; font-weight:bold; color:#000; line-height:22px;}
h5 {font-size: 14px; margin:0; margin-bottom:5px; padding:5px 0; font-weight:bold; color:#666; line-height:20px;}
h6 {font-size: 12px; margin:0; margin-bottom:5px; padding:5px 0; font-weight:bold; color:#999; line-height:18px;}
p{font-size:12px; color:#555; padding:5px 0; margin:0; line-height:18px;}
small{font-family: Tahoma,Arial, Helvetica, sans-serif;font-size:8pt;color:#999999;}
@font-face {font-family: 'droidserif';src: url('DroidSerif-Bold.eot');src: local('☺'), url('DroidSerif-Bold.ttf') format('truetype');
font-weight: normal; font-style: normal;}
a:link, a:visited, a:active{color:#15a9ee;text-decoration:none;border: none;	}
a:hover{color:#e53324;text-decoration: none; border: none;}
a.greylink:link, a.greylink:active, a.greylink:visited{color: #b9b8b8;	text-decoration:none;border: none;}
a.greylink:hover{color: #ed1c24;text-decoration: none; border: none;}
a.blacklink:link, a.blacklink:active, a.blacklink:visited{color: #333;	text-decoration:none;border: none;}
a.blacklink:hover{color: #000;text-decoration: underline; border: none;}
a.logout:link, a.logout:active, a.logout:visited{color: #fff;	text-decoration:none;border: none; font-size:12px; background:#ed1c24; padding:5px 10px;-moz-box-shadow: 1px 1px 1px #333;-webkit-box-shadow: 1px 1px 1px #333;box-shadow:1px 1px 1px #333;}
a.logout:hover{color: #fff;text-decoration: underline; border: none; background:#000}

.fullbx{width:100%; float:left;}
.pmslogin{width:420px; margin:0 auto;}
.pmsloginwrapper{width:100%; float:left; margin:90px 0; border:1px solid #e4e4e4; min-height:200px; background:#fff; }
.pmslogform{padding:10px 30px 30px 30px; min-height:200px; float:left}
.companyname{width:100%; float:left; padding:10px 0; text-align:center; background:#fbfbfb; border-top:1px solid #fafafa; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#cfcfcf; font-size:14px;}
.shad1{-moz-box-shadow: 1px 1px 2px #eee;-webkit-box-shadow: 1px 1px 2px #eee;box-shadow: 1px 1px 2px #eee;}
.headclass1{font-family:'droidserif',Arial, Helvetica, sans-serif; font-size:16px; color:#000; font-weight:normal; margin-top:15px;}
.untxt{padding:10px 10px 10px 40px; border:1px solid #ccc; margin:5px 0 10px 0; width:86%; font-size:14px; background:url(../images/icon1.png) no-repeat 10px 7px;}
.pwtxt{padding:10px 10px 10px 40px; border:1px solid #ccc; margin:10px 0 25px 0;width:86%;font-size:14px; background:url(../images/icon2.png) no-repeat 10px 7px; }
.halfbx{width:70%; float:right;}
.halfbx1{width:20%; float:left;}
.txtrt{text-align:right;}
.sbtn{background:#000000; color:#fff; text-transform:uppercase; padding:8px 15px; border:0; cursor:pointer}


.pmshead{width:100%; float:left; background:#252e37; height:140px;}
.pmstitle{width:100%; float:left; height:46px; background:#ff6600;}
.pmscontent{width:100%; float:left; min-height:400px; padding:20px 0;}
.pmsfoot{width:100%; float:left; background:#fff url(../images/bg2.gif) repeat-x top center; border-top:double #eee; padding:5px 0; color:#bababa; font-size:11px; text-align:center; border-bottom:double #eee;}

.pmswrapper{width:960px; margin:0 auto;}
.logo{width:22%; float:left; text-align:center}
.infomenu{width:76%; float:right;}
.totalinfo{width:100%; float:left; padding:20px 0; height:60px; font-family:'droidserif', Helvetica, sans-serif;}
.pmsmenu{width:100%; float:left; background:url(../images/bg3.png) repeat-x top; height:40px;}
.totalcount{min-width:100px; background:#191a1f; padding:10px 20px; border-left:1px solid #263038; float:right; height:33px;}
.totalcount1{width:20px; float:right; height:53px; background:url(../images/arrow1.png) no-repeat top center;}
.tccount1{font-size:30px; color:#fff; text-shadow:2px #000; min-width:50px; float:left}
.tccount1 a{color:#fff; text-decoration:none}
.tccount1 a:hover{color:#f00;}
.tccount2{font-size:14px; color:#596068; text-shadow:2px #000; padding-top:15px;min-width:50px; float:left; padding-left:10px;}
.spcls1{color:#ff111a;}
.spcls2{padding:8px 10px; margin:0; color:#fff; background:#ff111a; font-size:24px;font-family:'droidserif', Helvetica, sans-serif;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }

#menu-top-menu, #menu-top-menu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:70;font-weight:normal; float:right; font-family:'droidserif', Arial, Helvetica, sans-serif;}
#menu-top-menu a {display:block; padding:11px 8px 11px 25px; color:#fff;text-decoration:none; font-size:12px; text-transform:uppercase; border-right:1px solid #1b1b1b}
#menu-top-menu li {float:left; position:relative;}
#menu-top-menu ul {position:absolute; display:none; width:120px; top:40px; left:0px; background:#8ec346}
#menu-top-menu ul a {border-left:1px solid #ec483a;border-right:1px solid #ec483a;  padding:5px 10px; text-transform:none; font-size:13px;}
#menu-top-menu li ul {border-top:1px solid #ec483a; width:142px;}
#menu-top-menu li ul a {width:120px; height:auto; float:left;  border-bottom:1px solid #ec483a;}
#menu-top-menu ul ul {top:auto;}
#menu-top-menu li ul ul {left:120px; margin:0px 0 0 21px; top:-1px }
#menu-top-menu li:hover ul ul, #menu-top-menu li:hover ul ul ul, #menu-top-menu li:hover ul ul ul ul {display:none;}
#menu-top-menu li:hover ul, #menu-top-menu li li:hover ul, #menu-top-menu li li li:hover ul, #menu-top-menu li li li li:hover ul {display:block;}

ul#menu-top-menu li:hover a {background-color:#ed1c24 ;color:#fff;  }
ul#menu-top-menu li:hover li a { background-color:#ed1c24; background-image:none; color:#fff }
ul#menu-top-menu li:hover li a:hover{color:#fff; background:#bd0007;}

#menu-top-menu .current-menu-item a{color:#fff;}
ul#menu-top-menu .dashboard a{ background-image:url(../images/dashboard.png); background-repeat:no-repeat; background-position: 3px 10px; }
ul#menu-top-menu .domains a{ background-image:url(../images/domain.png); background-repeat:no-repeat; background-position: 3px 10px; }
ul#menu-top-menu .projects a{ background-image:url(../images/projects.png); background-repeat:no-repeat; background-position: 3px 10px; }
ul#menu-top-menu .clients a{ background-image:url(../images/clients.png); background-repeat:no-repeat; background-position: 3px 10px; }
ul#menu-top-menu .reports a{ background-image:url(../images/reports.png); background-repeat:no-repeat; background-position: 3px 10px; }
ul#menu-top-menu .users a{ background-image:url(../images/users.png); background-repeat:no-repeat; background-position: 3px 10px; }
ul#menu-top-menu .settings a{ background-image:url(../images/settings.png); background-repeat:no-repeat; background-position: 3px 10px; }
ul#menu-top-menu .system a{ background-image:url(../images/system.png); background-repeat:no-repeat; background-position: 3px 10px; }

.pmstitle1{width:5%; float:left; height:47px; background:url(../images/arrow2.png) no-repeat bottom center}
.pmstitle2{width:50%; float:left; font-family:'droidserif', Arial, Helvetica, sans-serif; font-size:24px; color:#fff; padding-top:10px;}
.pmstitle3{width:45%; float:right; text-align:right; font-size:14px;font-family:'droidserif', Arial, Helvetica, sans-serif; color:#fff; padding-top:15px;}
.spcls3{color:#000;}


.fulldiv{width:95%; float:left; padding:10px 20px; background:#fff; min-height:50px; margin:10px 0;}
.halfdiv{width:43%; float:left; padding:10px 20px; background:#fff; min-height:50px; margin:10px 10px;}
.brdrcls{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.shadow1{-moz-box-shadow: 1px 1px 2px #c2c2c2;-webkit-box-shadow: 1px 1px 2px #c2c2c2;box-shadow:1px 1px 2px #c2c2c2;}
table{width:100%; margin:10px auto; border-top:1px solid #eee; border-left:1px solid #eee; }
table th{background:#ccc url(../images/bg4.png) repeat-x top; color:#333; padding:8px 10px; font-weight:bold; text-align:left}
table td{padding:7px 10px; background:#fff;border-bottom:1px solid #eee; border-right:1px solid #eee;}
.altclr td{background:#fcfcfc !important;}
.iptcls{padding:5px 5px; margin:5px; background:#fff url(../images/ibg1.gif) repeat-x top; border:1px solid #dddddd; font-size:12px;}
input:focus,select:focus,textarea:focus,button:focus {outline: none; -moz-box-shadow: 1px 1px 5px #c2c2c2;-webkit-box-shadow: 1px 1px 5px #c2c2c2;box-shadow:1px 1px 5px #c2c2c2; resize:none;}
.addnewbtn{ padding:5px 15px 5px 25px; border:0; color:#fff; font-family:calibri, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; font-weight:bold; background: #0877cd url(../images/add-new.png) no-repeat 5px 6px; cursor:pointer}
a.addnewbtn:link, a.addnewbtn:active, a.addnewbtn:visited{padding:5px 15px 5px 25px; border:0; color:#fff; font-family:calibri, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; font-weight:bold; background: #0877cd url(../images/add-new.png) no-repeat 5px 6px; cursor:pointer; text-decoration:none;}
.searchbtn{ padding:5px 15px 5px 25px; border:0; color:#fff; font-family:calibri, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; font-weight:bold; background: #696969 url(../images/search.png) no-repeat 5px 6px;cursor:pointer}
.sbtbtn{ padding:5px 15px 5px 25px; border:0; color:#fff; font-family:calibri, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; font-weight:bold; background: #000 url(../images/submit.png) no-repeat 5px 6px;cursor:pointer}
a.sbtbtn{ padding:5px 15px 5px 25px; border:0; color:#fff; font-family:calibri, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; font-weight:bold; background: #000 url(../images/submit.png) no-repeat 5px 6px;cursor:pointer}
.cancelbtn{ padding:5px 15px 5px 25px; border:0; color:#fff; font-family:calibri, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; font-weight:bold; background: #000 url(../images/cancel.png) no-repeat 5px 6px;cursor:pointer}
a.cancelbtn{ padding:5px 15px 5px 25px; border:0; color:#fff; font-family:calibri, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; font-weight:bold; background: #000 url(../images/cancel.png) no-repeat 5px 6px;cursor:pointer}
.reportbtn{ padding:5px 15px 5px 25px; border:0; color:#fff; font-family:calibri, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; font-weight:bold; background: #e53324 url(../images/reports.png) no-repeat 5px 6px;cursor:pointer}
.derror{background:#f00; color:#fff; padding:7px 10px; text-align:center; font-size:12px; margin-bottom:10px;}
.dsuccess{background:#00CC66; color:#fff; padding:7px 10px; text-align:center; font-size:12px; margin-bottom:10px;}
.dwarning{background: #FFCC00; color:#fff; padding:7px 10px; text-align:center; font-size:12px; margin-bottom:10px;}
.padtp5{padding-top:5px;}
a.viewcls:link, a.viewcls:active, a.viewcls:visited{color: #4cb1ff;	text-decoration: none;border: none; padding:4px 10px 3px 25px; background:url(../images/view.png) no-repeat 5px 2px}
a.viewcls:hover{color: #fff;text-decoration: underline; border: none; background-color:#4cb1ff}
a.editcls:link, a.editcls:active, a.editcls:visited{color: #76b41e;	text-decoration: none;border: none;  padding:4px 10px 3px 25px; background:url(../images/edit.png) no-repeat 5px 2px}
a.editcls:hover{color: #fff;text-decoration: underline; border: none; background-color:#76b41e}
a.delcls:link, a.delcls:active, a.delcls:visited{color: #e02b2b;	text-decoration: none;border: none; padding:4px 10px 3px 25px; background:url(../images/del.png) no-repeat 5px 2px}
a.delcls:hover{color: #fff;text-decoration: underline; border: none; background-color:#e02b2b}

a.viewweb:link, a.viewweb:active, a.viewweb:visited{color: #4cb1ff;	text-decoration: none;border: none; padding:2px 1px 2px 25px; background:url(../images/view-web.png) no-repeat 5px 2px}


.pagenav{width:100%; float:left; margin:10px 0;}
.pagenav a{display:block; background:#eee; color:#000; padding:5px 8px; border:1px solid #eee; float:left; margin:0 1px; font-family:'helvetica',Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none}
.pagenav strong{display:block; background:#000; color:#fff; padding:5px 8px; border:1px solid #eee; float:left; margin:0 1px; font-family:'helvetica',Arial, Helvetica, sans-serif; font-size:12px;}
.pagenav a:hover{background:#f00; color:#fff;}
.pagenav .ret{float:right; width:30%; border:0px solid #000000; text-align:right; font-weight:bold;}
.internalscroll{overflow:auto; width: 400px; height:100px;}
#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #D62929;
}

#Tabs ul {
padding: 0px;
margin: 0px;
margin-left: 10px;
list-style-type: none;
}

#Tabs ul li {
display: inline-block;
clear: none;
float: left;
height: 24px;
}

#Tabs ul li a {
position: relative;
margin-top: 16px;
display: block;
margin-left: 6px;
line-height: 24px;
padding-left: 10px;
background: #f6f6f6;
z-index: 9999;
border: 1px solid #ccc;
border-bottom: 0px;

/* The following four lines are to make the top left and top right corners of each tab rounded. */
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
/* end of rounded borders */

width: 130px;
color: #000000;
text-decoration: none;
font-weight: bold;
}

#Tabs ul li a:hover {
text-decoration: underline; // a very simple effect when hovering the mouse on tab
}

#Tabs #Content_Area { // this is the css class for the content displayed in each tab
padding: 0 15px;
clear:both;
overflow:hidden;
line-height:19px;
position: relative;
top: 20px;
z-index: 5;
height: 400px;
overflow: hidden;
}

p { padding-left: 15px; }
.tabcontent { 
	height: 400px;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	}
.internalscroll1{overflow:auto; width: 400px; height:380px;}
.internalscroll1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.internalscroll1::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}

.internalscroll1::-webkit-scrollbar-thumb
{
	 
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #D62929;
}