﻿body { min-width:850px; width:100%; font-family:Tahoma, Geneva, Sans-Serif !important; }
body, html { height:100%; margin:0; padding:0; border:0;}

#wrapper{ min-height: 100%; position:relative; }

/**** Header Section ****/
#header { background-color:#005492; min-height:50px; width:100%; -webkit-box-shadow:0px 0px 10px 0px black; -moz-box-shadow:0px 0px 10px 0px black; box-shadow: 0px 0px 10px 0px black; }
#header a, #header a.hover, #header a.visited { color: white; }

/**** Content Section ****/
#contentPane { padding:10px; padding-bottom:60px; }

/**** Footer Section ****/
#footer { position: absolute; bottom: 0; height:40px; font-size: smaller; text-align:center; width:100%; }

/**** Logo ****/
.logo { padding-top:10px; padding-left:10px;}     

/**** User Section ****/
#contact, #userMenu { float:right; font-size:smaller; padding-top:28px; margin-right:5px;}
#companyLogo, #contact, #userMenu, #menu, #menu li{ display:inline; }

/**** Menu ****/
#menu ul { list-style:none; padding:0; border:0; }
#menu li { margin:0; padding-right:20px; }
#menu a, #menu a.hover, #menu a.visited { text-decoration:none; }

/**** Control Classes ****/
.textbox { width:400px; }
.box-title { background-color:#d4e4ef; 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; width: 475px; }
.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:475px; }
.results_success { color:Green;background:#addbb0;border:1px solid Green; width:475px; } 


/**** Status Page ****/
.dataFilter { margin:0px 0px 2px 0px; background-color:#eeeeee; border:1px solid #828282; width:100%; }


/**** Report Page ****/
.report {max-width:850px;}
.report .main-table th { font-weight:bold; padding:10px 0px 10px 10px; }
.report .main-table td { padding-right:10px;}
.report .main-table .item-type { width:110px; }
.report .main-table .item-value { min-width:175px; }

.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; }


/**** Manage Page ****/
.request { clear:left; height:160px; font-size:small;}
.request-alt { background-color: #eeeeee; }
.request .checkbox { float: left; margin-top: 65px; width: 35px; }
.request .table-container { float: left; padding-left: 10px; }
.request .table .item-type { width: 75px;}
.request .table .item-value { width: 150px;}

/**** Modal Popups ****/
.modalbackground { background-color:black; filter: alpha(opacity=70); opacity: 0.7; }
.modalpopup { width:425px; min-height:200px; border:0; }

/**** HelpDesk ****/
.menu-list { float:left; }
.menu-list ul { list-style-type:none; padding:0; margin: 0; }
.menu-list li { display:inline; }
.menu-list a { display:inline-block; padding:15px 10px 15px 10px; font-size:14px; text-decoration:none; border-right:1px solid #E6E6E6; color:white; background-color:#0047BA; }
.menu-list a:hover { background-color:#FFCB60; color:#00156E; }

.menu-filters { float:right; margin-top:12px;}

/*Listview layout for Helpdesk*/
.list { margin-top: 15px; max-height:500px; overflow-y:auto; }
.list-header { height:30px; float:left; }
.list-title { font-size:larger; }
.list-count { float: right; margin-right:15px; }
.list-group { padding-top:10px; }
.list-item { -moz-box-shadow: 0 0 3px 3px #888; -webkit-box-shadow: 0 0 3px 5px#888; box-shadow: 0 0 3px 3px #888; background-color:#d4e4ef; margin-right:10px; margin-left:10px; }
.list-item-data { display:inline-block; margin-left:5px; padding-top:10px; }
.list-item-description { font-size:small; margin-left:45px; padding-bottom:10px; }

/*Progress indicators for HelpDesk*/
.progress-request { clear:both; /*margin-top:20px;*/ position:fixed; bottom:70px; right: 40px;}
.selected-request { font-size:small; height:60px; float:left; padding:5px 12px 5px 12px; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background-color:#828282;}
.arrow { float:left; width:30px; height:60px; margin-top:17px; margin-left:10px; margin-right:10px; background:url(../Images/arrow.png) no-repeat; }
.result-request { font-size:small; height:60px; float:left; padding:5px 12px 5px 12px; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background-color:#828282; }

/*Controls display of a dragged item*/
div.rlvDraggedItem { border:none; margin:0; }
div.rlvDraggedItem div.rlvDrag { height:0px; width:0px; }
div.rlvDraggedItem div.list-item-data { width: 400px; height:100px; font-size:medium; line-height:normal; padding-left:5px; padding-right:5px; -moz-box-shadow: 0 0 3px 3px #888; -webkit-box-shadow: 0 0 3px 5px#888; box-shadow: 0 0 3px 3px #888; background-color:#d4e4ef; }
div.rlvDraggedItem div.list-item-data label { display: block; color:black; }
div.rlvDraggedItem p.list-item-description,
div.rlvDraggedItem div.list-item-data .delete, 
div.rlvDraggedItem div.list-item-data .new, 
div.rlvDraggedItem div.list-item-data .cancel,
div.rlvDraggedItem div.list-item-data .unassign
{ 
    display:none; 
}

/*Toggle events for Helpdesk*/
.show { }
.hide { }

/** Columns */
.rcbHeader ul,
.rcbFooter ul,
.rcbItem ul,
.rcbHovered ul,
.rcbDisabled ul {
     margin: 0;
     padding: 0;
     width: 100%;
     display: inline-block;
     list-style-type: none;
}

.col1,
.col2,
.col3,
.col4 {
     margin: 0;
     padding: 0 5px 0 0;
     width: 110px;
     /*line-height: 14px;*/
     float: left;
}