body { margin:0; padding:0; border:0; overflow:hidden; height:100%; max-height:100%; min-width:1000px; font-family:Segoe UI, Arial, Sans-Serif, Helvetica !important; }

.html { height:100%; }

/**** left and Right Panel (Menu) ****/
#menuPane { position:absolute; top:0; bottom:0; left:0; width:200px; height:100%; overflow:hidden; background:url(../Images/menuBackGround_Blue.png) repeat-y; }
#contentPane { position:fixed; top:0px; left:200px; right:0; bottom:0; overflow:auto; height:100%; }

/**** User Section ****/
#top { padding: 5px 15px 15px 15px; }
#userSection { float:right; font-size:smaller; }

/**** Logo ****/
#companyName { float:left; margin:0px 0px 0px 0px; }
#companyLogo { margin: 10px 10px 10px 10px; max-width:180px; max-height:180px; }

/**** Menu ****/
#menuPane ul { list-style:none; margin: 40px 0px 0px 0px; padding:0; border:0; }
#menuPane li { height:50px; margin:0; text-indent:10px; color:White; line-height:50px;  }
#menuPane a, a.visited { color:White; text-decoration:none; }
#menuPane a:hover { color:#828282; }


/**** Content Section ****/
#content { margin:0px 15px 0px 15px; min-height:88%; }

/**** Footer Section ****/
#footer { bottom:5px; margin: 20px 15px 5px 15px; height:20px; text-align:center; font-size:smaller; }

/**** Control Classes ****/
.textbox { width:300px; }
.link { color:Blue; }
.line { background:url(../Images/linebar.png) repeat-x; height:1px; margin:3px 0px 5px 0px; }
.box-title { background-color:#828282; border-bottom:1px solid #828282; font-size:medium; font-weight:bolder; text-indent:10px; padding:6px 0px 6px 0px; }
.box { padding:0px 0px 10px 0px; background-color:#eeeeee; border:1px solid #828282; font-size:small; margin-bottom:10px; max-width:600px; min-width:450px; }
.box-item { margin:10px 0px 0px 10px;}
.box-item-div { padding-bottom:6px; }

/**** Validation Classes ****/
.required { font-weight:bolder; }
.results_error { color:white; background:#e89595;border:1px solid Red; width:600px; }
.results_success { color:Green;background:#addbb0;border:1px solid Green; width:600px; } 


/**** Status Page ****/
.dataFilter { margin:0px 0px 2px 0px; background-color:#eeeeee; border:1px solid #828282; width:100%; }


/**** Report Page ****/
.report {font-size:smaller;}
.report .main-table { background:#fefefe; border:solid 1px #828282; border-spacing: 0px; font-size:small; width:600px; }
.report .main-table th { background:#828282; font-weight:bold; padding:10px 0px 10px 10px; }
.report .main-table td { border: solid 0px #ddd; height:20px; padding: 7px;}
.report .main-table tr.alt td { background: #eeeeee; }
.report .main-table .item-type { width:75px; }
.report .main-table .item-value { max-width:275px; }

.chat { font-size:smaller; margin-top:30px; }
.chat .chatNew { margin-top:30px; }
.chat .chatHistory { max-height:300px; width:600px; overflow:auto; } 
.chat .chat-table { text-align:left; }
.chat .chat-table .title { background:#828282; font-weight:bold; padding:10px 0px 10px 10px; }
.chat .chat-table .user { color:Blue; }
.chat .chat-table .system { color:Red; }
.chat .chat-table th { text-align:left; }


/**** Modal Popups ****/
.modalbackground { background-color:black; filter: alpha(opacity=70); opacity: 0.7; }
.modalpopup { width:425px; min-height:200px; border:0; }