/* @author Ali Damji */


/* overall */
body {background-color:white;margina:0px;background:url('../img/bg/b_g1.jpg') repeat-x scroll 0 0 #f8f8f8;}
form {margin:0px}
.container {min-width:950px;}
.main,.footer,.menu,.submenu,.top {width:1005px;margin:0 auto;}
.menu {width:1024px}
.footer {color:#808080;border-top:1px solid #E5E5E5;clear:both;text-align:right;text-shadow:0px 1px 1px white}
.menu {clear:both;height:29px;border:0px solid #05386D;paddinga:10px;padding-top:2px;margin-bottom:0px}
.top {background-color:white; background-image:url('../img/bg/b_g1.jpg');padding:10px;color:#e5e5e5;text-align:center}
.main {overflow:auto;display:block;background-color:white;border:1px solid #E5E5E5;padding:10px;bordear-top:4px solid #006699}
.logo {margin-bottom:5px}
.f {width:280px}
.f-col {float:left}

.note {background-image:url('../img/postit_note.png');width:204px;height:200px;display:inline-block;margin:5px}
.note-det {padding:15px;color:black;}
.note-det .desc {height:100px;overflow:auto;}
.note-det .t {display:block;padding:2px;font-weight:bold;text-align:center;margin-bottom:10px}
.note .b {padding:4px;text-align:right;padding-right:20px}

.paginate li {list-style-type:none;padding:2px;margin:2px;display:inline-block}
.paginate li a {display:block;padding:5px;background-color:#006699;color:white;border:1px solid black}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

/* other */
.ma {font-weight:bold;font-size:9pt}
.row-menu {padding:5px;padding-left:0px}
.row-menu a {padding:2px}
.row-menu a:hover {background-color:#006699;color:white}
.notes {display:block;color:#c0c0c0}
.company-name {background-image:url("../img/g/g11.gif");padding:10px;padding-top:0px;margin:0px;font-family:Trebuchet MS;color:black;font-size:11pt;font-weight:bold;text-transform:uppercase;margin-left:-10px;margin-right:-10px;}
.company-name-top {padding:2px;padding-left:10px;padding-right:10px;font-family:Trebuchet MS, Arial;color:black;font-size:12pt;font-weight:bold;text-transform:uppercase;}
h4 {margin:0px;font-family:Trebuchet MS;color:gray;font-size:11pt;font-weight:bold;text-transform:uppercase}
h5 {margin:0px;font-family:Trebuchet MS;color:brown;font-size:15pt;font-weight:bold}

#searchbox {float:right;padding:2px}
input[type=submit] {color:black} 
input,select {margin-bottom:3px}

.comment {padding:5px;background-color:#fff6bf;margin-bottom:10px;margin-top:5px}
.comment .det {color:black;border-top:1px dotted #e5e5e5;padding:2px;margin-top:5px;font-size:7pt;}

.stat-blue {display:inline-block;padding:3px;background-color:#006699;color:white}
.stat-red {display:inline-block;padding:3px;background-color:red;color:white}
.stat-green {display:inline-block;padding:3px;background-color:green;color:white}
.author {display:inline-block;padding:2px;background-color:#f5f5f5;color:black}
.post-date {display:inline-block;padding:2px;background-color:#f5f5f5;color:gray}
.row-link {font-weight:bold;font-size:9pt;padding:2px;display:inline-block}
#chatwindow span {display:inline-block;padding:4px;background-color:#f5f5f5;margin:1px}
.welcomemsg {color:gray}

/* IE Rounded */
.main .rounded{padding:20px;behavior: url(border-radius.htc);border-radius:8px;-moz-border-radius:8px;-moz-box-shadow:0 1px 3px #4F717F;-webkit-box-shadow:0 1px 3px #4F717F;-webkit-border-radius:8px;background-color:white}
.login-spacer{height:20%;}
#login {width:300px;margin:10px;text-align:left;margin:10px auto;background-color:white;}
#login #login-form {background-color:#f5f5f5;padding:10px;}
.rounded {color:gray;text-shadow:1px 1px 0 #FFFFFF}
#login input[type=text],#login input[type=password] {width:95%}
.rounded form input[type=text],.rounded form textarea,.rounded form input[type=password] {width:80%}
.rounded label {width:auto}

/* forms */
form label {width:120px;display:inline-block;vertical-align:top}

/* tabbed menu */
/*
.menu ul {margin-left:0px;padding-left:0px;margain:0px auto;paddinga:10px 10px 0 50px;list-stylae:none;floata:left}
.menu li {display:inline;margin:0px;padding:0px;}
.menu a {-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px;text-shadow:0px 1px 1px white;float:left;border:1px solid #e5e5e5;border-bottom:0px none;background-image:url('../img/g/g11.gif');margin:0px;padding:0 0 0 4px;text-decoration:none;text-align:center;margin-left:1px}
.menu a span {font-weight:bold;color:black;float:left;display:block;padding:5px 5px 4px 4px}
.menu a span {float:none;padding:7px;padding-right:10px;padding-bottom:4px;padding-left:4px}
.menu a span img {margin-right:1px}
.menu a:hover span,.menu .sel span {color:white;text-decoration:none;text-shadow:0px 1px 1px black;}
.menu a:hover,.menu .sel{background-image:url('../img/g/gr1.jpg');background-position:100% 100%;text-decoration:none;border:1px solid #006699;border-bottom:0px none}
.menu a:hover span,.menu .sel span{}
.menu a img {padding:0px;padding-right:2px}
*/
.menu {border-bottom:4px solid #006699;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;margian:0px;padding:0px;background-image:url('../img/g/g11.gif');}
.menu ul {margin-left:0px;padding-left:0px;margain:0px auto;paddinga:10px 10px 0 50px;list-stylae:none;floata:left;margin:0px;padding:0px;}
.menu li {display:inline;margin:0px;padding:0px;}
.menu a {text-shadow:0px 1px 1px white;float:left;border-right:1px solid #f5f5f5;border-bottom:0px none;margin:0px;padding:0 0 0 5px;text-decoration:none;text-align:center;margin-left:0px;padding-bottom:2px}
.menu a span {font-weight:bold;color:black;float:left;display:block;padding:5px 5px 4px 4px}
.menu a span {float:none;padding:8px;padding-right:4px;padding-bottom:6px;padding-left:0px}
.menu a span img {margin-right:1px}
.menu a:hover span,.menu .sel span {color:white;text-decoration:none;text-shadow:0px 1px 1px black;}
.menu a:hover,.menu .sel{background-image:url('../img/g/gr1.jpg');background-position:100% 100%;text-decoration:none;bordaer:1px solid #006699;border-bottom:0px none;}
.menu a:hover span,.menu .sel span{}
.menu a img {padding:0px;padding-right:2px}

.right {float:right}

/*
.submenu {border-bottom:1px solid #05386D;background-position:0% 0%;background-image:url('../img/g/gr1r.jpg');background-color:#fff6bf;padding:5px;padding-bottom:3px;padding-left:10px;padding-right:10px;}
.submenu ul {margin:0px;padding:0px}
.submenu ul li {display:inline;margin-right:10px}
.submenu a {color:white;position:relative;}
.submenu img {padding:0px;margin:0px}
*/

.submenu {background-color:white;border:1px solid #e5e5e5;border-top:0px none;border-bottom:0px none;background-position:0% 0%;padding:5px;padding-bottom:3px;padding-left:10px;padding-right:10px;}
.submenu ul {margin:0px;padding:0px;padding-top:6px}
.submenu ul li {display:inline;margin-right:10px}
.submenu a, .buttonlink {color:black;position:relative;background-color:#f5f5f5;padding:6px;border-bottom:1px solid #d0d0d0}
.submenu img {padding:0px;margin:0px}
.main {border-top:0px none}
.submenu a:hover, .submenu .sel, .buttonlink:hover {background-color:#d0d0d0;text-decoration:none}

.buttonlink {margin:0px;display:inline-block;padding:1px;border:1px solid #e5e5e5}
.buttonlink:hover {color:black;border:1px solid gray}

.tbright {text-align:right;width:auto}
#logo {text-align:center}

.submenu a:hover:after, .submenu .sel:after{
content:'';
width:0;
height:0;
position:absolute;
left:50%;
bottom:0px;
margin-left:-5px;
border-width:5px;
border-style:solid;
border-color: transparent transparent white transparent;
}

input[type=text],input[type=password],textarea,select{width:150px;}

.rounaded {-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#F5F5F5;border:1px solid #E5E5E5;padding:6px}

.f-ver label {display:block;}
.f-ver input,.f-ver select {margin-bottom:4px}
.f-sep {display:block;clear:both;overflow:auto}
.f-view {clear:both}
.f-hor {float:left;}
.f-buttons {clear:both;display:block}
.f-hor input,.f-hor select {margin-right:4px}

tfoot tr td {border-top:1px dotted black; border-bottom:2px solid black;font-weight:bold;padding:4px}

panel {display:inline-block;padding:5px}
panel select {width:auto}
panel label {display:block;clear:both}
.full panel select,.full panel input,.full panel textarea {width:170px}

h2 {border-bottom:1px dotted gray;background-color:#f5f5f5;padding:5px;text-transform:uppercase;font-size:9pt}
panel label{width:100%;font-size:10pt;display:block;font-weight:bold;padding:2px}
panel label span {font-size:7pt;color:gray;font-weight:normal;paddaing:4px;font-family:tahoma;display:block}
panel {display:inline-block;padding:8px;width:290px;padding-bottom:0px;padding-top:3px}
panel input[type=text], panel select {width:100%;padding:4px}
panel input[type=text].blur {color:#d1d1d1}
#caustomer panel {width:260px}
#mapcanvas {width:570px;height:400px;margin:0px auto;float:right;border:1px solid #f5f5f5}