﻿.siteContent
{
	background-color: #fff;
	width: 1300px;
	margin-left: auto;
    margin-right: auto;
}

.siteContent .cornersContainer
{
	height:15px;
}

.topNav
{
	color:#CCCCCC;
	margin:0 0 0 10px;
	padding:0;
	font-size:11px;
}
.topNav li
{
	display:inline;
	margin:0 10px 0 10px;
	padding:0;
}

.topNav li a
{
	color:#FFFFFF;
	text-decoration:none;
}

.topNav li a:hover
{
	text-decoration:underline;
}
.siteContent .cornersContainer .cornerLeft
{
	float:left;
	width:15px;
	height:15px;
	background-image: url('/images/footer/cornerLeft.gif');	
	background-repeat: no-repeat;
}

.siteContent .cornersContainer .cornerRight
{
	float:right;
	width:15px;
	height:15px;
	background-image: url('/images/footer/cornerRight.gif');	
	background-repeat: no-repeat;
}
.homepageCrumbs
{
    height: 23px;
}
.greenBackground
{
	background-color: #55a832;
	border-radius: 5px;
	padding: 2px 8px 2px 8px;
}
.orangeBackground
{
    background-color: #3AB4BE;
    border-radius: 5px;
    padding: 2px 5px 2px 5px;
}
.purpleBackground
{
    background-color: #68B32D;
    border-radius: 5px;
    padding: 2px 5px 2px 5px;
}
.imageHeader
{
	margin-bottom:30px;
}
.inlineHeading
{
    display: inline-block;
}
.innerContent
{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.innerContentSmaller
{
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 15px;
    padding-bottom: 20px;
}
#termsandconditions li
{
	list-style-type: none;
}
#termsandconditions td
{
	vertical-align:top;
	text-align:center;
}
.termsHeader
{
	background-color:#eeeeee;
	font-weight:bold;
}
.innerContent .section
{
	background-color:#fff;
	border: 1px solid #CCCCCC;
	padding:5px 10px;
	border-radius: 5px;
}

.innerContent .section .assetInfo
{
	font-weight:bold;
	font-size:14px;
	padding-right:25px;
	
}

.expiring
{
    color: #990000;
	font-weight:600;
}

.expiringallowtoexpire
{
    color: #9933FF;
}

.expiringrenew
{
    color: #FFCC00;
}

.expiring a
{
    color: #990000;
}

.expiringallowtoexpire a
{
    color: #9933FF;
}

.expiringrenew a
{
    color: #FFCC00;
}

.expiring a.button, .expired a.button
{
    color: #fff;
}
.expired
{
    color: #5c2d91;
}

.expired a
{
    color: #5c2d91;
}

.noHelpdesks
{
	padding: 20px 5px;
}

.addTrackingCodeContainer, .addRMANumberContainer
{
	width:950px;
	margin-top:10px;
	text-align:right;
}


/************** Navigation ***********/

#nav
{	
	margin: 0;
	padding: 0;
	height:23px;
	font-size:12px;
}

#selectedItem
{
	color: #CCCCCC;
}

#nav li
{	
	float: left;
	list-style: none;
	padding:0;
	margin:2px 10px 0 20px;
}

#nav li a
{	
	display: block;
	text-decoration: none;
	color: #EAFFED;
	white-space: nowrap;
}

#nav li a:hover
{	
	text-decoration:underline;
}
		
#nav li ul
{	
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	margin-left:-25px;
}
		
#nav li ul li
{	
	float: none;
	/*display: inline;*/
}
			
#nav li ul li a
{	
	width: auto;
	margin:0;
	padding:2px 5px 2px 5px;
	background:#ffffff;
	border:1px solid #CCCCCC;
	border-top:0;
	color:#666666;
	min-width: 100px;
}
			
#nav li ul li a:hover
{	
	background: #CCCCCC;
}


/************** Agreements ***********/

.innerBoxLeft
{
	width:450px;
}

.innerBoxRight
{

	width:450px;
	padding-right:10px;
}

.fixedWidth
{
	width:130px;
}

/************** Helpdesk *************/

.helpdeskInfo
{
	border:1px solid #AAAAAA;
	background-color:#DDDDDD;
	padding:5px 10px;
	float:right;
	display:inline-block;
	width:250px;
	margin-left:10px;
}

#helpdeskGeneralInfo
{
	float:left;
	width:990px;
}

.repairInfo
{
	border:1px solid #AAAAAA;
	background-color:#DDDDDD;
	padding:5px 10px;
	float:right;
	display:inline-block;
	width:315px;
	margin-left:10px;
}

#repairGeneralInfo
{
	float:left;
	width:600px;
}

.helpdeskViewTitles
{
	font-weight:bold;
}

.helpdeskInfo
{
	font-size:11px;
}

.helpdeskStatusText
{
	font-size:14px;
	font-weight:bold;
}

.helpdeskSubject
{
	font-size:14px;
	font-weight:bold;
	margin-bottom:0;
	padding-bottom:0;
}

.helpdeskMessage
{
}

.helpdeskDownloadDescription
{
	height: 50px;
	width:100%;
}

#helpdeskHeaderUpdate
{
	/*border: 2px solid #9E1B32;*/
}

#helpdeskMessageUpdate
{
	/*border-bottom: 1px solid #9E1B32;
	border-left: 1px solid #9E1B32;
	border-right: 1px solid #9E1B32;*/
}

.helpdeskDownloadMessage
{
	width:375px;
	height:80px;
}

.helpdeskSend
{
	/*padding:10px;
	width:100px;*/
}

.helpdeskMessage
{
	border: 1px solid #CCCCCC;
	padding:5px 10px 15px 10px;
	margin-bottom:5px;
}

.helpdeskAttachments
{
	margin-top:10px;
	padding-top:3px;
	border-top:1px solid #DDDDDD;
}

.helpdeskMessageHeader
{
	border:1px solid #CCCCCC;
	border-bottom:1px solid #999999;
	padding: 0 10px;
	background-color: #EEEEEE;
}

.helpdeskMessageHeader .date
{
	float:right;
	font-weight:bold;
}

.helpdeskMessageHeader .userDetails
{
	float:left;
	font-weight:bold;
}


.helpdeskPostMessage
{
	width:1285px;
	height:100px;
	border:1px solid #999999;
}

.rmanumber
{
	width:200px;
}

.errorBox
{
	border: 1px solid #ccc;
	padding: 5px 10px;    
    background-color: #eee;
    color: #990000;
    font-weight: bold;
}

.infoBox
{
	border:1px dashed #CCCCCC;
	padding:5px;
	margin:0 10px 10px 10px;
	font-weight:bold;
	color: #333333;
}

.listviewContainer
{
	float:left;
	width:250px;
	margin-right:10px;
}

.listviewbox
{
	Width:100%;
	Height:250px;
}

.downloadsContainer
{
	float:left;
	width:250px;
	margin-left:10px;
}

.downloadInfoContainer
{
	float:right;
	width:380px;
}

.spareLocationsContainer
{
	float:left;
	width:250px
}

.spareAssetsContainer
{
	float:left;
	width:250px;
	margin-left:10px;
}

.spareInfoContainer
{
	float:right;
	width:380px;
}

.termsandconditions ul li
{
	list-style-type:none;
}

.severityInformation
{
	width:600px;
	border:1px solid #CCCCCC;
	padding:10px;
	float:right;
}

.raiseHelpdeskOptions
{
	float:left;
}

.helpdeskButton
{
	width: 120px;
	padding: 3px;
}

.repairButton
{
	width: 150px;
	padding: 3px;
}

/********** Download *************/

.categoryInput
{
	width:300px;
}

.tblCategories
{
	width:360px;
}


/********** Controls *************/
.controlHeader
{
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	padding: 2px 10px 2px 10px;
	border-radius: 5px;
	margin-bottom: 5px;
}
.controlHeader h1
{
    font-size:18px !important;
	font-weight:bold;
	margin: 0px;
    padding: 0px 0px 0px 0px;
}
.controlButtons
{
    border-bottom: 1px solid #ccc;
    background-color: #f6f6f6;
    padding: 5px;
}
.controlContent
{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	border-radius: 5px;
}
.controlContent .innerPadding
{
    padding: 10px;
}
.controlContent .twoColumn .leftColumn .innerPadding
{
    padding: 10px;
    padding-right: 5px;
}
.controlContent .twoColumn .rightColumn .innerPadding
{
    padding: 10px;
    padding-left: 5px;
}
.controlContent h2
{
    margin: 0px;
    padding: 0px 0px 0px 0px;
}
.informationMessage
{
	padding: 5px 10px;
	-o-box-shadow: 2px 2px 5px #ccc;
    -icab-box-shadow: 2px 2px 5px #ccc;
    -khtml-box-shadow: 2px 2px 5px #ccc;
    -moz-box-shadow: 2px 2px 5px #ccc;
    -webkit-box-shadow: 2px 2px 5px #ccc;
    border:1px solid #AAAAAA;
	background-color:#DDDDDD;
}
.optionsHeader
{
    margin-right: 10px;
    margin-top: -2px;
    float: right;
}
.optionsHeader a
{
    margin-left: 5px;
}

/* Repair Styles*/

.buttonLnk 
{
	height:40px;	
	color: #9E1B32;
	font-weight:normal;
	text-decoration:none;
	text-decoration:underline;	
	cursor: pointer;
}

.lnkText
{
	padding:5px;
}

.autocompleteList
{
padding:0px;
margin:0px;
border:1px solid #333399;
}

.autocompleteListItem
{
background-color:#f0f0f0;
margin:0px;
list-style-type :none
}

.autocompleteListItemHighlight
{
background-color:#333399;
color:#f0f0f0;
margin:0px;
list-style-type :none
}

td.strikeThrough{text-decoration: line-through;}        
td.nonStrikeThrough{text-decoration: none;}        
td.bookedIn{background-color:#99cc33; }        
td.hideButtonBookedIn{background-color:#99cc33;visibility:hidden;}
td.hideButtonCancelled{visibility: hidden;}        
td.showButton{visibility: visible;}
