h1, h2, h3, h4, p, a {margin:0; padding:0;}
/*ul, ol {margin:0; padding:0;list-style:none;}
ul li, ol li {display:inline;}*/
body {margin:0; background:url(bg.gif) top center repeat-y; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#444;}
	
.alignme {width:940px; padding:10px; margin:0 auto;}
.clearme {clear:both;}

.entry {width:400px; border:1px solid #eee; border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:1px 1px 3px #ccc; -moz-box-shadow:1px 1px 3px #ccc; -webkit-box-shadow:1px 1px 3px #ccc; padding-left:10px; padding-right:5px;}
.entry input {width:180px; padding:5px 5px;} .entry input.makemesmaller {float:left; width:20px;}
.front {margin:50px auto 30px auto; background:url(myrochen.gif) center 20px no-repeat; height:250px; padding:50px 0 0 0;}
.pwreset {margin:20px auto;} .pwreset h2 {margin:15px 0 0 15px;}


#header {height:50px; background:#fff; border-bottom:1px solid #eee;}
 #logo {float:left; padding:3px 0 0 10px;} #logo a {display:block; width:185px; height:30px; text-indent:-9999px; background:url(myrochen.gif) 0 0 no-repeat;} #logo a:hover {opacity:0.8;}
 #user {float:right; width:650px; padding:7px 0 0 0; text-align:right;}
  #user form {margin:-3px 0 0 0;}
  #user .btn {padding:5px 10px; margin:0 0 0 10px; color:#fff; border-radius:3px; text-shadow:1px 1px 0 #0e4d8b;}
  #user .btn:hover {opacity:0.85; text-decoration:none;}
  #user .blue {border:1px solid #0e4d8b; background:url(bBlue.gif) 0 0 repeat-x; text-shadow:1px 1px 0 #0e4d8b;}
  #user .grey {border:1px solid #707070; background:url(bGrey.gif) 0 0 repeat-x; text-shadow:1px 1px 0 #707070;} 

#display {margin:5px 0 0 0;}
 .feed {position:relative; float:left; width:440px; padding:10px; margin:0 14px 0 0; border:1px solid #eee;
 		border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
		box-shadow:1px 1px 3px #ccc; -moz-box-shadow:1px 1px 3px #ccc; -webkit-box-shadow:1px 1px 3px #ccc;} 
  .feednew {position:absolute; top:-6px; right:10px; width:17px; height:24px; background:url(feed_new.png) 0 0 no-repeat;}
  .feedhot {position:absolute; top:-6px; right:10px; width:17px; height:24px; background:url(feed_hot.png) 0 0 no-repeat;}
 .box {float:left; display:block; width:282px; height:143px; padding:10px; margin:0 17px 0 0;}
 .box p {margin:10px 10px 0 100px; font-size:12px;}
  .box.know {background:url(box_know.gif) 0 0 no-repeat;}
  .box.ticket {background:url(box_ticket.gif) 0 0 no-repeat;}
  .box.server {background:url(box_server.gif) 0 0 no-repeat;}
 .copy {float:right; width:680px; padding:10px; margin:0 0 20px 14px; border:1px solid #eee;
 		border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
		box-shadow:1px 1px 3px #ccc; -moz-box-shadow:1px 1px 3px #ccc; -webkit-box-shadow:1px 1px 3px #ccc;}
 .last {margin:0;}
 .sidebar {float:left; width:200px; padding:10px; margin:0 0 20px 0; border:1px solid #eee;
 		border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
		box-shadow:1px 1px 3px #ccc; -moz-box-shadow:1px 1px 3px #ccc; -webkit-box-shadow:1px 1px 3px #ccc;}
 .sidebar h3 {color:#444; font-size:15px;}
 .sidebar ul {margin:0 0 15px 5px;padding:0px;list-style:none; border-top:1px solid #fff;}
 .sidebar ul li {display:block; margin-bottom:0px;padding:3px 0px 0px 6px; border-bottom:1px solid #fff;}
 .sidebar ul li a {display:block;}
 .sidebar ul li a small {display:block; margin:0 0 0 0; color:#222;}
.sidebar input {margin:0 0 5px 0;}

.data {width:680px; margin:0 0 20px 0;}
.data tr th {background:url(t_head.gif) top left repeat-x; padding:10px; color:#444; text-align:left; font-weight:normal; border-bottom:1px solid #9f9f9f;}
.data tr td {border-bottom:1px solid #ebebeb; padding:10px; color:#444;}

.archive {margin:20px 0 0 0; border-top:1px solid #eee; padding:10px 20px 0 0; text-align:right;}

#footer {background:#fff; border-top:1px solid #eee; padding:5px 0 0 0; font-size:10px; text-align:right;}

h1{font-size:16pt; font-weight:bold; color:#2f5ec1; padding:0 0 10px 0;}
h2{font-size:12pt; font-weight:bold; color:#2f5ec1; padding:0 0 7px 0;}
h3{font-size:12pt; font-weight:bold; color:#2f5ec1; padding:5px 0 7px 0;} h3 small {display:block; font-size:12px; color:#222; font-weight:normal;}
h4{font-size:12pt; font-weight:bold; color:#2f5ec1;}

p {color:#444; line-height:1.6; margin:0px 0 10px 0;}
a, a:visited {color:#2f5ec1; text-decoration:none;}
a:hover {text-decoration:underline;}

form {margin:5px 0 10px 0;}
form p {margin:0;}
form input {font-size:11px; color:#333; padding:3px 2px; border:1px solid #ccc;}
form textarea {border:1px solid #ccc;} 
form input:focus, form textarea:focus {border:1px solid #aaa;}
form label {float:left; width:65px;}
form .bigbutton {padding:2px 14px;}

.longlabel {width:400px;}

.clientareatable {
    width: 100%;
    background-color: #fff;
}

tr.clientareatableheading td, tr.clientareatableheading th {
    background-color: #304270;
    border: 0;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    padding: 4px;
}

tr.clientareatableheading td a, tr.clientareatableheading th a {
    color: #fff;
}

.clientareatable td, tr.clientareatableactive td {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 3px;
}

tr.clientareatablepending td {
    background-color: #FFFFE2;
    text-align: center;
    padding: 2px;
}

tr.clientareatablesuspended td {
    background-color: #E9FFD2;
    text-align: center;
    padding: 2px;
}

tr.clientareatableterminated td {
    background-color: #FFE1E1;
    text-align: center;
    padding: 2px;
}

.contentbox {display:none; padding-bottom:10px;}

.errorbox {
    border: 1px dashed #cc0000;
    font-weight: bold;
    background-color: #FBEEEB;
    text-align: center;
    width: 90%;
    padding: 10px;
    color: #cc0000;
    margin-left: auto;
    margin-right: auto;
}

.successbox {
    border: 1px dashed #66CC00;
    font-weight: bold;
    background-color: #DDFFC6;
    text-align: center;
    width: 90%;
    padding: 10px;
    color: #009933;
    margin-left: auto;
    margin-right: auto;
}

.infobox {
    border: 1px dashed #a5a5a5;
    font-weight: bold;
    background-color: #DFDFDF;
    text-align: center;
    width: 90%;
    padding: 10px;
    color: #0e4d8b;
    margin-left: auto;
    margin-right: auto;
}

input.btn {padding:5px 10px; margin:0; color:#fff; border-radius:3px; text-shadow:1px 1px 0 #0e4d8b; font-size:11px; text-transform:uppercase;} input.spacing {margin:4px 0 0 0;}
input.btnsmall {padding:3px 14px; margin:0; color:#fff; border-radius:3px; font-size:11px; text-transform:uppercase;}
input.btn:hover, input.btnsmall:hover {opacity:0.85; text-decoration:none; cursor:pointer;}

input.blue {border:1px solid #0e4d8b; background:url(bBlue.gif) 0 0 repeat-x; text-shadow:1px 1px 0 #0e4d8b;}
input.grey {border:1px solid #707070; background:url(bGrey.gif) 0 0 repeat-x; text-shadow:1px 1px 0 #707070;} 

.emailpref {}
.emailpref label {float:none;width:100%;}

hr {width:100%; height:1px; border:none; background:#eee;}

.tKnow {margin:5px 0 10px 0; border-top:1px solid #eee;}
.tKnow tr td {border-bottom:1px solid #eee;}

.clientHead td {background:#f7f7f7; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
.adminHead td {background:#f1e6e6; border-top:1px solid #e7c3c3; border-bottom:1px solid #e7c3c3;}

.ticketPage {width:680px;} .ticketPage tr td {padding:5px;} .ticketPage tr td table tr td {padding:0;}
.ticketDate {vertical-align:bottom;}
.ticketMessage {height:inherit; padding:10px 5px 20px 5px;}
.ticketUser {width:125px;}
.ticketEnd {width:680px; border-bottom:1px solid #ebebeb; margin:0 0 20px 0;}

/* --  Added By Waseem for Rochen.com -- */
input#useexisting,
input#new {border:0;float:left;}
label[for=useexisting],
label[for=new] {display:inline-block;float:left;width:90%;}
input#new{clear:left;}