﻿body
{
	background-color: #000000;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #BCBDBF;
}

h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #929497;
	text-align: left;
}
 
h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11pt;
	color: #FC7C72;
}

h3
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13pt;
    color: #929497;
}

.MainDiv
{
	border: 1px solid #FFFFFF;
	text-align: left;
	padding: 0px;
	margin: auto;
	width: 970px;
	height: 100%;	
	overflow:hidden;
}
.IdentityDiv
{
	height: 103px;
	width: 42px;
	padding: 0px;
	margin: 0px;
	text-align: right;
	float: left;
}
.LogoDiv
{
	height: 88px;
	width: 135px;
	padding: 10px 10px 5px 10px;
	margin: 0px;
	float: left;
}
.HeaderTopDiv
{
	height: 73px;
	width: 760px;
	padding: 10px 10px 0px 0px;
	margin: 0px;
	float: right;
	text-align: right;
	vertical-align: top;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}


.navlink
{
    color: #FFFFFF;
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}

.navlink:hover
{
    text-decoration: underline;
}
.HeaderBottomDiv
{
	border-style: none none solid none;
	height: 15px;
	width: 760px;
	padding: 0px;
	margin: 0px 10px 5px 0px;
	border-bottom-width: 1px;
	border-bottom-color: #E82429;
	float: left;
	font-size: 8pt;
	color: #E82429;
	font-style: italic;
	font-weight: bold;
	font-family: Arial;
	text-decoration: none;
}
.HeaderBottomDiv a
{
	font-size: 8pt;
	color: #E82429;
	font-style: italic;
	font-weight: bold;
	font-family: Arial;
	text-decoration: none;
}
.ContentDiv
{
	width: 970px;
	height: auto;
	padding: 0px;
	margin: 0px;
	overflow:hidden;
}
.MenuDiv
{
	width: 180px;
	height: auto;
	margin: 0px;
	padding: 25px 10px 0px 10px;
	float: left;	
}
.BodyDiv
{
	width: 760px;
	height: auto;
	margin: 0px;
	padding: 25px 10px 0px 0px;
	float: right;		
}
.FooterDiv
{
    padding: 20px 10px 10px 200px;
    margin: 0px;
    width: 760px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-style: italic;
    color: #414142;
    
}

.BugIdeaDiv
{
	
	padding: 0px 0px 0px 720px;
	margin: 0px;	
}
.ContentTable
{
	background-position: 50px 0px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 550px;
	border-style: none;
	border-collapse: collapse;
	border-spacing: 0px;
	
}
.ContentCell
{
	vertical-align: top;
}

table.GridTable
{
	/*border: none;*/
	font-size: 8pt;
	font-weight: normal;
	width: 100%;	
	border:1px solid #080808;
}
table.GridTable td
{
	margin: 0px;
	padding: 3px 10px 3px 10px; /* border: 1px solid #BCBDBF;*/	
	border: 1px solid #2C2C2C;	
	border-right-color: #2C2C2C;
    border-right-width: 1px;    
    border-bottom-color: #2C2C2C;
    border-bottom-width: 1px;	
	font-weight: normal;
}

table.GridTable th
{
	margin: 0px;
	padding: 0px 10px 0px 10px; /*border: 1px solid #970F00;*/ /* Border color = red */
	border: 1px solid #4b4b4b; /* Border color = black */
	font: 12px/16px "segoe ui" ,arial,sans-serif; /*font style for header text */
	background-image: url(   '../Images/BackupTracker/Header2.gif' );
	text-align: left;
}

tr.GridTableRow
{
	height: 20px;
	text-align: left;
	color: #D7D7D7;
	background-color: #4f4f4f;
	font-weight: normal;
	
}

tr.GridTableAlternatingRow
{
	height: 20px;
	text-align: left;
	color: #D7D7D7;
	background-color: #494949;
	font-weight: normal;
}


table.GridTable2
{
	border: none;
	font-size: 8pt;
	font-weight: normal;
	width: 100%;
}
table.GridTable2 td
{
    margin: 0px;
    padding: 3px 10px 3px 10px;
    border: 1px solid #BCBDBF;
    font-weight: normal;
    width:70px;
}
table.GridTable2 th
{
	margin: 0px;	
	border: 1px solid #970F00;
	background-image: url(  '../Images/BackupTracker/Header2.gif' );
	width:70px;
	padding: 0px 10px 0px 10px;
	
}

table.GridTable2 td a
{
	color: #000000;	
	width:70px;
}
tr.GridTable2Header
{
	
	margin: 0px;
	height: 23px;
	text-align: left;
	color: #FFFFFF;	
	width:70px;
}



tr.GridTable2Header a
{
    color: #FFFFFF; 
    width:70px;   
}

tr.GridTable2Row
{
	height: 20px;
	text-align: left;
	color: #000000;
	background-color: #F3F3F3;
	font-weight: normal;
	width:70px;	
}


.LinkField
{
	padding: 0px;
	margin: 0px;
	width: 14px;
	text-align:center;
}

.UserIconField
{
	padding: 0px;
	margin: 0px;
	width: 20px;
	text-align: center;
}
table.GridTable td a
{
	color: #000000;	
}
tr.GridTableHeader
{
	padding: 0px 30px 0px 30px;
	margin: 0px;
	height: 23px;
	text-align: left;
	color: #FFFFFF;	
}



tr.GridTableHeader a
{
    color: #FFFFFF;    
}

/*tr.GridTableRow
{
	height: 20px;
	text-align: left;
	color: #000000;
	background-color: #4F4F4F;
	font-weight: normal;	
}

tr.GridTableRow AltRow
{
	background-color:Yellow;
	color: #000000;
} */

div.Menu
{
	padding: 25px 0px 10px 10px;
	margin: 0px;
	width: 180px;
	float: left;
}


table.ModuleTable
{
	padding: 0px;
	margin: 0px;
	border: 1px solid #FFFFFF;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}
td.ModuleTable
{
	padding: 0px;
	margin: 0px;
	border: 1px solid #FFFFFF;
	height: 126px;
	border-collapse: collapse;
	border-spacing: 0px;
	background-color: #E82429;
	width: 189px;
}

a.Menu
{
	font-size: 8pt;
	color: #E82429;
	font-family: Arial;
	text-decoration: none;
}

.FormTable
{
	border-style: none;
	border-width: 0px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	font-size: 9pt;
}

.FormTable tr
{
	vertical-align: top;	
}

.FormTable td
{
	padding: 10px 0px 0px 0px;
	margin: 0px;
	vertical-align: top;
}

.RightAlignDiv
{
	text-align: right;
}

.mainCategoryText
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11pt;
	color: #929497;
}

.LoginDiv
{
    border: 1px solid #414142;
    padding: 20px;
    margin: 0px;
    background-color: #242526;
    width: 260px;
}
.UploadFileDiv
{
    border: 1px solid #414142;
    padding: 20px;    
    background-color: #242526;
    width: 350px;
}

.GreyDiv
{
    border: 1px solid #414142;
    padding: 20px;
    margin: 0px;
    background-color: #242526;  
    
}

.newsDiv
{
    float: left;
}

.configHeading
{
    font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11pt;
	color: #FC7C72;
}

.configCell
{
    margin: 0px;
    padding: 5px;
    background-color: #1B1C1D;
    border: 1px solid #414142;
}

.configCell2
{
    margin: 0px;
    padding: 5px;
    background-color: #242526;
    border: 1px solid #414142;
}

.configTable
{
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

.configHeadingText
{
    font-size: 10pt;
    font-weight: bold;
}

.configNormalText
{
    font-size: 9pt;
}

.configTableInner
{
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}

.configHyperlinkDiv
{
    font-size: 8pt;
    text-decoration: none;
    color: #929497; 
    text-align:right;   
}

.configHyperlinkDiv a
{
    font-size: 8pt;
    text-decoration: none;
    color: #929497;   
}

.configHyperlinkDiv a:hover
{
	text-decoration: underline;
}

.MainDivPDT
{
    border: 1px solid #414142;
    text-align: center;
    padding: 0px;
    margin: auto;
    
    height: 100%;
    width: 100%;
}

.ContentDivPDT
{
	
	height: auto;
	padding: 0px;
	margin: 0px;
	text-align:center;
}

.BodyDivPDT
{
	width: 1000px;
	height: auto;
	margin: 0px;
	padding: 25px 10px 0px 0px;
	float:none;	
	text-align:left;
}

.PDTChartSize
{
	width: 610px;
	height: 505px;
}

th1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #929497;
	text-align: center;
}

th2
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11pt;
	color: #929497;
}






/* New Classes to implement Black Theme(as in RadGrid) on GridView  */
table.BlackGrid
{
	border: none;
	font-size: 8pt;
	font-weight: normal;
	width: 100%;
}
table.BlackGrid td
{
    margin: 0px;
    padding: 3px 10px 3px 10px;
    border: 1px solid #2C2C2C;
    font-weight: normal;
}
table.BlackGrid th
{
	margin: 0px;
	padding: 0px 10px 0px 10px;
	border: 1px solid #2C2C2C;
	background-image: url(  '../Images/BackupTracker/Header2.gif' );
}


table.BlackGrid td a
{
	color: #FFFFFF;	
}
tr.BlackGridHeader
{
	padding: 0px 30px 0px 30px;
	margin: 0px;
	height: 23px;
	text-align: left;
	color: #FFFFFF;	
}



tr.BlackGridHeader a
{
    color: #FFFFFF;    
}

tr.BlackGridRow
{
	height: 20px;
	text-align: left;
	color: #D7D7D7;
	background-color: #4b4b4b;
	font-weight: normal;
}

tr.BlackGridAlternatingRow
{
	height: 20px;
	text-align: left;
	color: #D7D7D7;
	background-color: #454545;
	font-weight: normal;
}

.wordWarp
{
    word-wrap: break-word ;
    word-break: break-all ;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;    
    white-space: -o-pre-wrap;
    overflow:auto;
     
}

.toDoReminder
{
  
    min-width: 20px;
    text-align: center;
    height: 18px;
    float: left;
    margin-top: 20px;
    padding-top: 2px;
    
    
    background-image: url(  '../Images/GreyReminder.png' );
    
}

.toDoReminder1
{
  
    min-width: 20px;
    text-align: center;
    height: 18px;
    float: left;
    margin-top: 20px;
    padding-top: 2px;
    
    
    background-image: url(  '../Images/RedReminder.gif' );
    
}

.toDoReminder2
{
  
    min-width: 20px;
    text-align: center;
    height: 18px;
    float: left;
    margin-top: 20px;
    padding-top: 2px;
    
    
    background-image: url(  '../Images/RedReminderWithoutBlink.png' );
    
}

.toDoHperlink
{
    color: #ffffff;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
}

.navigationButton
{
    margin: 0px 0px 5px 5px;
    background-image: url(   '../Images/Navigation/NavigationGreyImg.png' );
    width: 242px;
    height: 138px;
    cursor: pointer;
    text-align: center;
    float: left;
}

.navigationButton:hover {
	background-image: url(  '../Images/Navigation/NavigationRedImg.png' );
}

.navigationButtonHeading
{
    font-family: Verdana;
    font-size: 22px;
    font-weight: normal;
    text-decoration: none;
    color: #FFFFFF; 
    bottom:0px;
    
}
.navigationButtonDetail
{
    font-family: Verdana;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    color: #FFFFFF;    
}
.navigationButtonHyperlink
{
    text-decoration: none;
    
}
.navigationHeadingDiv
{
    padding: 30px 0px 0px 0px;
    /*border: 1px solid #FF0000;*/
    height: 35px;
}

.navigationHeadingDiv2Lines
{
    padding: 10px 0px 0px 0px;
    /*border: 1px solid #FF0000;*/
    height: 55px;
}
.navigationHeadingDiv3Lines
{
    padding: 10px 0px 0px 0px;
    /*border: 1px solid #FF0000;*/
    height: 75px;
}


.navigationDetailDiv
{
    padding: 10px 30px 0px 30px;
    height: 65px;
}

.navigationDetailDiv3Lines
{
    padding: 10px 30px 0px 30px;
    height: 45px;
}















