.Chart
{
	 border-color:Red;
	 
}

.ReportMenu
{
	padding-right:30px;
	margin-right:30px;
}

.ReportMenu h1 {font-size:16px;color:#666;margin-top:15px;margin-bottom:25px;}
.ReportMenu h2 {font-size:16px;}
.report h2 {margin:0px 5px;padding:0px 5px;font-size:13px;}
.report {line-height:16px; border-bottom:dashed 2px #e7e7e7;margin: 10px 0px;}


.RequestUpdateGrid_colTeam
{
	width:110px;
}

.RequestUpdateGrid_colType
{
	width:300px;

}

.RequestUpdateGrid_colDate
{
	width:120px;
}

.RequestUpdateGrid_colDetails
{
	width:210px;
}

.Report
{
	border-color:Lime;	
}

label
{
	color:Black;
}

.CalendarStyle
{
	background-color:#fcf2fc;	
	border-color:Black;
	border-width:1px;
	color:Black;
}

#ReportHeaderPanel { background:transparent url(../img/reportHeaderBG.gif) top left no-repeat; width:869; height:39px; margin-bottom:0px; padding-left:8px;}


body 
{
    margin:0px; 
    padding:0px;
    font-family:Verdana;
    font-size:12px;
    /*background-color:GrayText;*/
}

#DashboardFooter
{
	margin-top:5px;
}
#DashboardFooter .left
{
	padding-right:4px; padding-top:4px; margin-right:8px; color:#666;
}

#DashboardFooter .left b
{
	color:Black;
}

#DashboardFooter .right
{
	margin:0px; padding:0px; color:#666;
	
}
#DashboardFooter .right table
{
	height:20px;
	padding:0px;
	margin:0px;
	vertical-align:top;
}

#DashboardFooter .right table td
{
	border:0px;
}


	
#helpPageRequestUpdate {margin:10px; height:300px; background:transparent url(../img/HelpBorder-RequestUpdate.jpg) top left no-repeat;}

.helpPageText {padding:15px;}
.helpPageText li {margin-bottom:20px;}

.elementVisibe
{
	visibility:visible;
}

.elementHidden
{
	visibility:hidden;
}

textarea
{	margin:0px; 
    padding:0px;
    font-family:Verdana;
    font-size:12px;
}

.DashboardReqID_Manager
{	
	width:70px;
}

.DashboardRequestTypeLabel_Manager
{	
	width:250px;
}

.DashboardSLABreachDateTime_Manager
{	
	width:143px;
}

.DashboardCreatedDateTime_Manager
{	
	width:143px;
}

.DashboardUserName_Manager
{	
	width:134px;
}

.DashboardUrgency_Manager
{	
	width:50px;
}

.DashboardPrinted_Manager
{	
	width:20px;
}

.DashboardContactStatus_Manager
{	
	width:20px;
}

.DashboardNotes_Manager
{
	width:20px;
}

.DashboardEmail_Manager
{
	width:20px;
}


.DashboardReqID_Operator
{	
	width:123px;
}

.DashboardRequestTypeLabel_Operator
{	
	width:303px;
}

.DashboardSLABreachDateTime_Operator
{	
	width:254px;
}

.DashboardUrgency_Operator
{	
	width:50px;
}

.DashboardPrinted_Operator
{	
	width:20px;
}

.DashboardContactStatus_Operator
{	
	width:20px;
}

.DashboardNotes_Operator
{
	width:20px;
}

.DashboardEmail_Operator
{
	width:20px;
}

.SearchResultsFullName
{
	width:250px;

}

.SearchResultsRequestID
{

	width:60px;
}

.SearchResultsOpenRecordButton
{
	width:20px;
	
}

.SearchResultsRequestType
{
	width:170px;

}

.Status
{
	width:90px;

}

.SearchResultsUserName
{
	width:140px;
	
}

.SearchResultsCreatedDateTime
{
	width:120px;

}


#wrap {width:900px; height:610px; overflow:hidden;}

#top {width:900px; height:75px; background-color:#fff; overflow:hidden; position:relative;margin-top:0px;}

#left{width:120px; height:100%; background-color:#E5E5E5;float:left;}
#right{width:870px; height:100%; background-color:#ffffff; float:left; margin:10px; margin-top:5px; margin-right:0px; display:inline;}


.right {float:right;}
.left {float:left;}
.clear {clear:both;}

img {border:0px;}


#OperatorDashboardIFrame
{ 	
	border: solid 0px #fff;
	width:880px;
	height:445px;
}

.OperatorDashboardIFrameResultsGrid
{
	height:395px;
	overflow:auto;
	border-bottom: solid 1px #cccccc;
}

#ManagerDashboardIFrame
{
	border: solid 0px #fff;
	width:880px;
	height:472px;
	
}

.ManagerDashboardIFrameResultsGrid
{
	height:445px;
	overflow:auto;
	border-bottom: solid 1px #cccccc;
}

#HiddenPrintPageFrame
{
	width:670px;
	height:460px;
	position:absolute; left:-1000px; top:10px;
}	



#Urgent {background-color:Black;}
#aUrgent {background-color:#E11F26; color:White;}
#bHigh {background-color:#F37121;}
#cMedium {background-color:#339846;}
#dNotStarted {background-color:#F2F2F3;}
#SearchResults {background-color:#EEEEEE;}

#SearchPanel { background:transparent url(../img/searchBG.gif) top left no-repeat; width:869px; height:100px; margin-bottom:0px;}

#txtSearch
{ 
	 width:200px;
    position: relative;
    float:left;	 
}

#dropDownRequestUpdateTypes
{
    position: relative;
    float:left;
	width:100px;
}

#dropUsers
{
    position: relative;
    float:left;
	width:100px;
}

#dropCriteria {float:left;margin-right:10px;}
#SearchPanelTop .SearchKeyword
{
	text-align:left;
	padding-left:4px;
}





#defaultGridRowColour tr {background-color:#EEEEEE;}

h1 {font-size:20px; margin: 5px 0px 5px 0px;}
h3 {font-size:12px; margin: 5px 0px 5px 0px;}

#reports p {margin:4px; padding:5px;}

#RequestDetails {line-height: 16px;width:500px;height:340px; border:solid 1px #cccccc; float:left; background:transparent url(../img/panelbg.gif) top left repeat-x;}
#RequestDetails p {margin:3px;padding:3px;}
#RequestDetails h2{font-size:10px;padding-left:3px; background-color:#ECDEF0; margin:0px; display:block;}
#RequestDetails td { background-color:Transparent; font-weight:bold; vertical-align:top; padding-left:10px;}
#RequestDetails th {width:130px; background-color:Transparent; text-align:right; color:#444; vertical-align:top;}
#RequestDetails tr {height:13px;}

#RequestUpdates {width:600px;height:200px; margin-left:0px; background:transparent url(../img/updatebg.gif) top left no-repeat; padding-top:20px;}
#UpdatePanel {margin-top:0px; border:solid 1px #cccccc; width: 320px; position: relative;margin-right: 0px; padding: 5px; float: right; height: 330px;background:transparent url(../img/panelbg.gif) top left repeat-x;}

#PrintCustomerDetails h1 { font-size:20px;}
#PrintCustomerDetails h2 { font-size:16px; color:Purple;}
#PrintCustomerDetails h3 { font-size:14px; display:inline;}
#PrintCustomerDetails p { margin:2px; padding:1px;font-size:14px;}
#PrintCustomerDetails table {font-size:24px; border:solid 5px #e7e7e7; width:800px; height:700px; margin:10px; page-break-after:always}
#PrintCustomerDetails td {text-align:left; vertical-align:top; padding:20px;font-size:14px;}
#PrintCustomerDetails tr.PrintHeader h1 {font-size:24px; display:inline; float:left; color:White;}
.PrintHeader {background-color:#E5E5E5; height:12px; color:#333;width:780px; margin: 10px 10px 0px 10px;}
#printdetails tr {line-height:30px; height:40px;}


.logo
{ 
 float:right;
 padding:0px;
}

/*.LogoForTopBar
{ 
 float:right;
 padding:0px;
}
*/

.area {width:245px; overflow:auto; border:solid 0px #fff; height:60px;}


#RequestUpdates {margin-top:10px;}
#RequestUpdates table {font-size:10px; border:solid 1px #e7e7e7; width:100%;margin-top:10px;float:left;}
/*#RequestUpdates td {width:90px; background-color:#fff;}*/
#RequestUpdates td {width:90px; background-color:Red;}

#RequestPageHeader {width:872px; height:40px; background:transparent url(../img/BotMenu.gif) top left no-repeat; margin-bottom:10px; }


/* a.but_home {text-align:left;text-decoration:none; text-indent:-99999px; display:inline; width:120px; height:94px; background:transparent url(../img/but_home.gif) top left no-repeat; }
a:hover.but_home  {text-align:left; text-decoration:none; text-indent:-99999px;  width:120px; height:94px;background:transparent url(../img/but_home.gif) no-repeat -120px 0px; } */

a.but_home {text-align:left;text-decoration:none; text-indent:0; display:inline-block; width:120px; height:94px; background:transparent url(../img/but_home.gif) top left no-repeat; }
a:hover.but_home  {text-align:left; text-decoration:none; text-indent:-99999px; width:120px; height:94px;background:transparent url(../img/but_home.gif) no-repeat -120px 0px; }
a.but_home_active {text-align:left; text-decoration:none; text-indent:-99999px; width:120px; height:94px;background:transparent url(../img/but_home.gif) no-repeat -120px 0px; }

a.but_search {text-align:left;text-decoration:none; text-indent:-99999px; display:inline-block; width:120px; height:94px; background:transparent url(../img/but_search.gif) top left no-repeat; }
a:hover.but_search  {text-align:left; text-decoration:none; text-indent:-99999px;  width:120px; height:94px; background:transparent url(../img/but_search.gif) no-repeat -120px 0px; }
a.but_search_active  {text-align:left; text-decoration:none; text-indent:-99999px;  width:120px; height:94px; background:transparent url(../img/but_search.gif) no-repeat -120px 0px; }

a.but_distribution {text-align:left;text-decoration:none; text-indent:-99999px; display:inline-block; width:120px; height:94px; background:transparent url(../img/but_distribution.gif) top left no-repeat; }
a:hover.but_distribution  {text-align:left; text-decoration:none; text-indent:-99999px;  width:120px; height:94px; background:transparent url(../img/but_distribution.gif) no-repeat -120px 0px; }
a.but_distribution_active {text-align:left; text-decoration:none; text-indent:-99999px;  width:120px; height:94px; background:transparent url(../img/but_distribution.gif) no-repeat -120px 0px; }

a.but_reports {text-align:left;text-decoration:none; text-indent:-99999px; display:inline-block; width:120px; height:94px; background:transparent url(../img/but_reports.gif) top left no-repeat; }
a:hover.but_reports  {text-align:left; text-decoration:none; text-indent:-99999px;  width:120px; height:94px; background:transparent url(../img/but_reports.gif) no-repeat -120px 0px; }
a.but_reports_active  {text-align:left; text-decoration:none; text-indent:-99999px;  width:120px; height:94px; background:transparent url(../img/but_reports.gif) no-repeat -120px 0px; }



/* This has the desired affect that links won't change colour after being selected */
a { color:Purple}

a.Update {text-align:left;text-decoration:none; text-indent:-99999px; display:block; width:250px; height:60px; background:transparent url(../img/BtnUpdateCRM.gif) bottom left no-repeat; }
a:hover.Update  {text-align:left; text-decoration:none; text-indent:-99999px;  width:250px; height:60px;background:transparent url(../img/BtnUpdateCRM.gif) top left no-repeat; }

a.Print {text-align:left;text-decoration:none; text-indent:-99999px; float:left; width:32px; height:35px; background:transparent url(../img/print.gif) top left no-repeat; }

a.PrintAll {margin-left:5px; text-align:left;text-decoration:none; text-indent:-99999px; float:left; width:64px; height:30px; background:transparent url(../img/print_all.gif) top left no-repeat; }
a:hover.PrintAll  {margin-left:5px;text-align:left; text-decoration:none; text-indent:-99999px; float:left; width:64px; height:30px;background:transparent url(../img/print_all.gif) no-repeat -64px 0px; }

a.Back {margin-right:5px; text-align:left;text-decoration:none; text-indent:-99999px; float:left; width:42px; height:30px; background:transparent url(../img/Back.gif) top left no-repeat; }
a:hover.Back  {margin-right:5px;text-align:left; text-decoration:none; text-indent:-99999px; float:left; width:42px; height:30px; background:transparent url(../img/Back.gif) no-repeat -42px 0px; }




#urgent { background-color:White;} 

label
{
	margin:0px; 
    padding:0px;
    font-family:Verdana;
    font-size:12px;
    font-weight:bolder;
}

/* BEGIN CSS for TABBED PART on Request */

div.TabView div.Tabs {
  height: 24px;
  overflow: hidden;
  width:760px;
  
}

div.TabView div.Tabs a {
  float: left;
  display: block;
  width:  90px;
  text-align: center;
  height:      24px;
  line-height: 28px;
  vertical-align: middle;
  /*background: url('/img/tab-view/tabs.png') no-repeat -2px -1px;*/
  background: url(../img/tabs.png) no-repeat -2px -1px;
  text-decoration: none;
  font-family: "Verdana", Serif;
  font-weight: 900;
  font-size: 12px;
  color: Black;
}

div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {
  /*background: url('tabs.png') no-repeat -2px -31px;*/
  background: url(../img/tabs.png) no-repeat -2px -31px;
}

div.TabView div.Pages {
  clear: both;
  text-align:left;
  height:90px;
  background-color:White;
  border: solid 1px #e7e7e7;
  overflow:hidden;  
  background:#fff url(../img/bg_request.gif) top left repeat-x;
  width:868px;
}

.ReassignControls
{
	padding: 8px 0px 6px 0px;
	margin: 0px 0px 0px 0px
}

.ReAssignDropList
{
	float:right;
	padding:0px 0px 0px 0px;
	margin: 0px 4px 0px 0px;
	width:210px;
}

.ReAssignButton
{
	float:right;	
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width:118px;
}


.Page {

  margin: 0px; 
  padding: 0px;    
  width: 860px;    
  height: 100px;
}


#UpdatesWrapper
{
  margin: 0px; 
  padding: 0px;  
  width: 860px;
  height: 77px;
  overflow: scroll;  
}

#EmailsWrapper
{
  margin: 0px; 
  padding: 0px;  
  width: 860px;
  height: 77px;
  overflow: scroll;  
}

#NotePopUpWrapper
{
  margin: 0px; 
  padding: 0px;    
  width: 590px;
  height: 290px;
  overflow: scroll;  
  background-color:#fbfbfb;
  padding:10px;
  
}


#SearchResultsWrapper
{
  margin: 0px; 
  padding: 0px;    
  width: 870px;
  height: 385px;
  overflow: scroll;  
}


tr {padding-top:4px; border-bottom:solid 2px #ffffff;}

.ResultGrid tr {border-bottom:solid 1px #e7e7e7;}
.ResultsGrid td { padding-bottom:2px; padding-left:5px;  border-bottom:solid 1px #e7e7e7; }
.ResultsGrid th { padding-bottom:2px; padding-left:5px; background-color:#BD9FD7; border-bottom:solid 1px #ccc;text-align:left;}

#ExtraDetailsGrid table { border-collapse:collapse; border:solid 1px #A5A5A5; width:95%;margin-left:10px; margin-top:10px;}
#ExtraDetailsGrid td { padding-bottom:2px; padding-left:5px;border-bottom:1px solid #e7e7e7; background-color:Transparent;}
#ExtraDetailsGrid th { padding-bottom:2px; padding-left:5px;border-bottom:1px solid #ccc;text-align:left;  background-color:#e7e7e7;}
#ExtraDetailsGrid tr {height:15px;}

#NotesGrid table {border-collapse:collapse; border:solid 1px #A5A5A5; width:95%;margin-left:10px; margin-top:10px;}
#NotesGrid td { padding-bottom:2px; padding-left:5px;border-bottom:1px solid #e7e7e7; background-color:Transparent;}
#NotesGrid th { padding-bottom:2px; padding-left:5px;border-bottom:1px solid #ccc;text-align:left;  background-color:#e7e7e7;}
#NotesGrid tr {height:15px;}

#ExtraDetailsGrid .Team {width:100px; text-align:left; }
#ExtraDetailsGrid .Type {width:190px; text-align:left;}
#ExtraDetailsGrid .Date {width:100px; text-align:left;}
#ExtraDetailsGrid .Details {width:250px; text-align:left;}

#EmailGrid table { border-collapse:collapse; border:solid 1px #A5A5A5; width:95%;margin-left:10px; margin-top:10px;}
#EmailGrid td { padding-bottom:2px; padding-left:5px;border-bottom:1px solid #e7e7e7; background-color:Transparent;}
#EmailGrid th { padding-bottom:2px; padding-left:5px;border-bottom:1px solid #ccc;text-align:left;  background-color:#e7e7e7;}
#EmailGrid tr {height:15px;}

#EmailGrid .subject { width: 300px; text-align: left;}
#EmailGrid .from { width: 200px; text-align: left;}
#EmailGrid .date { width: 100px; text-align: left;}



#NotesGrid .Team {width:100px; text-align:left;}
#NotesGrid .Type {width:70px; text-align:left;}
#NotesGrid .Date {width:150px; text-align:left;}
#NotesGrid .Notes {}
#NotesGrid .NewNotesButton {width:10px}
#NotesGrid .ViewNotesButton {width:34px}

#SearchResultsGrid table { border-collapse:collapse; border:solid 1px #A5A5A5; width:95%;margin-left:10px; margin-top:10px;}
#SearchResultsGrid td { padding-bottom:2px; padding-left:5px;border-bottom:1px solid #e7e7e7;}
#SearchResultsGrid th { padding-bottom:2px; padding-left:5px;border-bottom:1px solid #ccc;text-align:left;  background-color:#e7e7e7;}
#SearchResultsGrid tr {height:15px;}

/*#NotePopUpBody { background-color:#e7e7e7;}*/

#GridView1
{	/*BorderWidth="0px";*/
	border-collapse:collapse; 
	/*border:solid 1px #A5A5A5;*/
	border-style:dotted; 
	width:5%;
	margin-left:10px; 
	margin-top:10px;
	
}

/* Main Menu start */
#mmenu {background: transparent url(../img/menu/mmBG.gif) top left no-repeat;
        width:872px;
        height:40px;
        margin:10px 0px 0px 10px;
        padding:0;
        position:relative;   
        clear:both;
        }
        
#mmenu ul  {width:872px;
            height:40px;
            margin:0px;
            padding:0px 0px 0px 0px;
            display:inline;
            list-style: none;
            position: relative;
            background: transparent;
            float:left;
            }
            
#mmenu ul li  {margin: 0px;
               padding: 0px 0px 0px 0px;
               height: 40px;
               display:inline;
               float:left;
               border:none;
               text-indent: 0px;
               }
               
#mmenu a   {display: block;
            padding: 0px;
            margin:0;
            height: 40px;
            text-decoration: none;	
            font-size:12px;
            float:left;
            text-indent: -99999px;
            }
            
/*#mmRequests {background: transparent url(../img/menu/mmRequests.gif) bottom left no-repeat; width:124px;}
#mmRequestsM {background: transparent url(../img/menu/mmRequests.gif) bottom left no-repeat; width:124px;}
#mmSearch {background: transparent url(../img/menu/mmSearch.gif) bottom left no-repeat; width:114px;}
#mmReports {background: transparent url(../img/menu/mmReports.gif) bottom left no-repeat; width:116px;}
#mmDistribution {background: transparent url(../img/menu/mmDistribution.gif) bottom left no-repeat; width:144px;}
*/

#mmRequests {background: transparent url(../img/menu/mmRequests.gif) bottom left no-repeat; width:123px;}
#mmRequestsM {background: transparent url(../img/menu/mmRequests.gif) bottom left no-repeat; width:123px;}
#mmSearch {background: transparent url(../img/menu/mmSearch.gif) bottom left no-repeat; width:110px;}
#mmReports {background: transparent url(../img/menu/mmReports.gif) bottom left no-repeat; width:116px;}
#mmDistribution {background: transparent url(../img/menu/mmDistribution.gif) bottom left no-repeat; width:141px;}


#mmenu a:hover, #mmenuLower a:hover {background-position: top left;}

a {text-decoration:none; color: #666;}
a:hover {text-decoration:underline;  color: #666;}

#mmenu .activeMenuItem
{
	background-position: top left;
}
	


/*#mmenu a:hover {background-position: top left;}*/

/* 
#mmenu .active 
{
	background-position: top left;
}
*/

#mmenuLower a  {display: block;
                padding: 0px;
                margin:0;
                height: 40px;
                text-decoration: none;	
                font-size:12px;
                float:left;
                text-indent: -99999px;
                }
                    

#mmenuLower ul li {margin: 0px;
                   padding: 0;
                   height: 40px;
                   display:inline;
                   float:left;
                   border:none;
                   text-indent: 0px;
                   }   
                   
#mmenuLower ul  
{
float: right;
height:40px;
margin:0 0 0 549px;
padding:0;
display:inline;
list-style: none;
/*position: relative;*/
background: transparent;

}  

                    
#mmenuLower {width:875px;
            height:40px;
            margin:5px 0 10px 8px;
            position: relative;
            padding:0;
            overflow:hidden;
            clear:both;
            background: transparent url(../img/menu/mmenuLowerBG.gif) top left no-repeat;
            }      
            
#mmEmail {background: transparent url(../img/menu/mmEmail.gif) bottom left no-repeat; width:100px;}                        
#mmPrint {background: transparent url(../img/menu/mmPrint.gif) bottom left no-repeat; width:117px;}
#mmBack {background: transparent url(../img/menu/mmBack.gif) bottom left no-repeat; width:106px;}






            
/* main menu end */  

#frmCreateRequest th {text-align:right; width:120px;}
#frmCreateRequest select {width:300px;margin-left:10px;}
#frmCreateRequest input {width:300px;margin-left:10px;}
#frmCreateRequest tr {height:30px;}
#CreateRequest {margin-top:25px;}
#CreateRequest {margin-top:25px;}

#dropRequestClose {display:none;}

#RequestUpdateBoxOptions{height:100px;overflow:hidden;}

#RequestUpdateBoxOptions .drops {margin-bottom:5px; margin-top:5px; float:left;}

#RequestDetails a {text-decoration:underline; color: blue;}
#RequestDetails a:hover {text-decoration:none;  color: blue;}

.test{background-color:red;}

.GridCSReport td {padding:10px;}

.GridCSReport a {text-decoration:underline; color: blue;}
.GridCSReport a:hover {text-decoration:none;  color: blue;}

.autooverflow350
{
	overflow:auto;
	height: 350px;
}