/* Master Page */

* 
{
    margin: 0;
    padding: 0;
	border: 0;
}

a
{
    text-decoration:none;
}

a:hover
{
    text-decoration:underline;
}

html, body
{
	height: 100%;
	background: #ffffff;
}

a img
{
	border: 0;
}

h1,
h2,
h3
{
	color: #000;
	font-family: Helvetica,Arial,sans-serif;
	font-weight: bold;
}

h1
{
    font-size: 2em;
    margin-top: 0.67em;
	margin-right: 0px;
	margin-bottom: 0.67em;
	margin-left: 0px;
}

h2
{
    font-size: 1.25em;
}

h3
{
    font-size: 1em;
}

label
{
	vertical-align: middle;
}

p
{
	margin-bottom: 10px;
}

ul
{
    padding-left: 30px;
}

fieldset
{
	margin-bottom: 10px;
	padding: 5px;
	
}

fieldset legend
{
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	color: #000;
}

fieldset table
{
	margin-bottom: 0 !important;
}

input[type=checkbox]
{
	margin-right: 5px;
	vertical-align: middle;
}

.checkboxList label
{
	display: inline !important;
	padding: 0 !important;
	text-align: left !important;
}

.container
{
    margin: 0 auto;
    width: 100%;
    min-height: 100%;
    /* Min-Height Hack for IE6 */
    _height: expression(this.offsetHeight < document.body.clientHeight + 10 ? "100%" : "auto");
    background: #FFF;

    font-family: Helvetica, Verdana, Arial;
    font-size: 0.75em;
}

.header
{
	margin: 0 10px;
    padding-right: 10px;
    height: 40px;
    line-height: 40px;
    background: #000 url("Images/logo.png") no-repeat;
    text-align: right;
    cursor: default;
    font-weight: bold;
}

.header .menu
{
    float: left;
    padding-left: 50px;
    list-style: none;
}

.header .menu li
{
    display: inline;
    padding-right: 15px;
}

.header .menu li a
{
    color: #FFF;
    text-decoration: none;
}

.header .menu li a:hover
{
    color: #F8E487;
}

.header .menu li.selected a
{
    color: #F8E487;
}

/* WebKit Hack */
.header .search:before
{
	content: ".";
	visibility: hidden;
}

.header .search .searchText
{
	/* Small IE6 Hack to solve the following: http://www.positioniseverything.net/explorer/lineheightbug.html */
	_margin-top: 8px;
    display: inline;
    padding: 2px 2px 2px 22px;
    border: 0;
    background: #FFF url("Images/search_16.png") 2px no-repeat;
}

.header .search .searchText.placeholder
{
    color: #A0A0A0;
}

.header .search .searchButton
{
	display: none;
}

.footer
{
	clear: both;
	margin: 0 10px;
    height: 40px;
    border-top: 1px solid #000;
    background: url("Images/logo_small.png") no-repeat right 5px;
    font-weight: bold;
}

.formSpan
{
    display: block;
    margin-bottom: 5px;
    padding: 5px;
}

.formSpan *
{
    vertical-align: middle;
}

/* Message Boxes */

.message
{
	margin-bottom: 10px;
	padding: 10px 10px 10px 40px;
	border: 2px dotted #000;
	background-position: 5px center;
	background-repeat: no-repeat;
}

.message h2
{
	padding: 0;
}

.message.single
{
	background-position: 10px center;
}

.message.information
{
	background-image: url("Images/information_24.png");	
}

.message.error
{
	background-image: url("Images/error_24.png");	
}

.message.alert
{
	border-color: Orange;
	background-image: url("Images/alert_24.png");	
}

.message.tick
{
    border-color: #4AA33A;
	background-image: url("Images/tick_24.png");	
}

/* Scroll List */

.scrollList
{
	overflow: auto;
	margin-bottom: 10px;
}

/* Request List Tables */

table.requestList
{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}


table.requestList th
{
	background: url("Images/table_header_background.png") repeat-x;
}

table.requestList th,
table.requestList td
{
    padding: 5px;
    white-space: nowrap;
}

table.requestList .description
{
    width: 100%;
    white-space: normal;
}

table.requestList tbody td
{
	
}

table.requestList tbody td a
{
    text-decoration: none;
}

table.requestList.knownError tbody td.relatedCI
{
    background: url("Images/configuration_item_16.png") no-repeat 4px center;
    padding-left: 26px;
}

/* Surveys List Tables*/

table.surveyList
{
    width: 100%;
	border: 1px solid #E1DEB9;
    border-collapse: collapse;
    margin-bottom: 20px;
}

table.surveyList th
{
	background: url("Images/table_header_background.png") repeat-x;
}

table.surveyList th,
table.surveyList td
{
    padding: 5px;
    white-space: nowrap;
}

table.surveyList .description
{
    width: 100%;
    white-space: normal;
}

table.surveyList tbody td
{
	border: 1px solid #E1DEB9;
}

table.surveyList tbody td a
{
    text-decoration: none;
}

/* Form Tables */

table.form
{
	margin-bottom: 10px;
}

table.form tr td.formColumn
{
	width: 100%;
	text-align:center;
	border: 0;
	
}

table.form tr td.satisfactionLevelCell
{
	width: 100%;
	height: 32px;
}

table.form tr td.smiley1
{
	background: url("Images/emoticon_angry_32.png") no-repeat right center;
}
	
table.form tr td.smiley2
{
	background: url("Images/emoticon_mellow_32.png") no-repeat right center;
}
	
table.form tr td.smiley3
{
	background: url("Images/emoticon_sad_32.png") no-repeat right center;
}
	
table.form tr td.smiley4
{
	background: url("Images/emoticon_smile_32.png") no-repeat right center;
}
	
table.form tr td.smiley5
{
	background: url("Images/emoticon_wink_32.png") no-repeat right center;
}

table.form tbody tr td
{
	vertical-align: top;
}

table.form tbody tr td label
{
	display: block;
	padding-right: 5px;
	text-align: right;
	white-space: nowrap;
}

table.form tbody tr td input.description,
table.form tbody tr td input.address,
table.form tbody tr td input.reason,
table.form tbody tr td input.longName
{
	width: 100%;
	/* <=IE7 Hack to prevent input border loss. */
	*width: 99.46%;
}

table.form textarea
{
	width: 100%;
	height: 200px;
    font-family: Helvetica, Verdana, Arial;
    font-size: 1em;
}

/* Attachments */

span.attachment
{
	padding: 2px 2px 2px 20px;
	background: url("Images/document_16.png") no-repeat left center;
}

/* Configuration Items */

span.configurationItem
{
	padding: 2px 2px 2px 20px;
	background: url("Images/configuration_item_16.png") no-repeat left center;
	float: left;
	height: auto;
	min-height: 18px;
	min-width: 75px;
}

.editRelatedCIsButton
{
	clear: left;
	margin-top: 4px;
}

.relatedConfigurationItemsContainer
{
	max-height: 100px;
	overflow: auto;
}

/* Heading Backgrounds */

h1.home
{
     
}

h1.request,
h2.request,
h3.request
{
     
}

h1.change,
h2.change,
h3.change
{
     
}

legend.request
{
     
}

h1.requestList,
h2.requestList
{
     
}

h1.knowledgeBase,
h2.knowledgeBase
{
     
}

h2.person
{
     
}

h1.knownError
{
     font-size:30px;
}

h1.serviceCatalogue,
h2.serviceCatalogue
{
	 
}

h2.service
{
	background-position: -30px;
	height: 30px;
	padding-left: 100px;
	padding-top: 10px;
	margin-bottom: 0;
}

h2.newsArticle
{
	 
}

h1.security
{
		
}

h1.search,
h2.search
{
	font-size: 2em;
    margin-top: 0.67em;
	margin-right: 0px;
	margin-bottom: 0.67em;
	margin-left: 0px;
}

legend.search
{
     
}

legend.sort
{
     
}

h2.news
{
     
}

h2.help
{
     
}

h2.checklist
{
     
}

h2.externalLinks
{
     
}

h2.satisfaction
{
    background-image: url("Images/Customer_Satifaction_Full_24.png");
}

h1.task
{
    background-image: url("Images/task_24.png");
}

h1.personAdd
{
    background-image: url("Images/person_male_add_24.png");
}

h1.document
{
    background-image: url("Images/document_24.png");
}

h1.software
{
    background-image: url("Images/software_24.png");
}

h1.equipmentMoveDetails
{
	background-image: url("Images/equipment_move_details_24.png");
}

h1.facilities
{
	background-image: url("Images/facilities_24.png");
}

h1.serviceStatus
{
    background-image: url("Images/service_catalogue_1_24.png");
}

h1.survey,
h2.survey
{
    background-image: url("Images/survey_24.png");
}
/* Home */

.services
{
	float: left;
    width: 360px;
}

.services ul
{
    padding-left: 0;
    list-style: none;
}

.services ul li
{
	/* IE6 Hack */
	_float: left;
	_width: 100%;
	height: 100%;
	margin-bottom: 10px;
}

.services ul li a
{
	display: block;
	padding: 10px 10px 10px 140px;
	font-weight: bold;
	line-height: 50px;
	text-decoration: none;
	border: 1px solid #E1DEB9;
    background-position: left center;
    background-repeat: no-repeat;
	font-size: 1.25em;
}

.services ul li .externalLink
{
    background-size: 128px 128px; 
}

.services ul li a.top
{
    border-top-width: 1px;
}

.services ul li a.newRequest
{
    background-image: url("Images/request_128.png");
}

.services ul li a.quickTasks
{
    background-image: url("Images/task_128.png");
}

.services ul li a.requestList
{
    background-image: url("Images/worklist_128.png");
}

.services ul li a.approvalList
{
    background-image: url("Images/change_approval_128.png");
    background-position: 3% 65%; 
}

.services ul li a.surveyList
{
    background-image: url("Images/survey_128.png");
    background-position: 3% 65%; 
}

.services ul li a.knowledgeSearch
{
    background-image: url("Images/knowledge_search_128.png");
}

.services ul li a.serviceCatalogue
{
	background-image: url("Images/service_catalogue_2_128.png");
}

.services ul li a.serviceShoppingCart
{
	background-image: url("Images/industry_sector_retail_128.png");
}
.services ul li a.myAccount
{
    background-image: url("Images/person_male_128.png");
}

.services ul li a.serviceStatus
{
    background-image: url("Images/service_catalogue_1_128.png");
}

.services ul li a.serviceStatusErr
{
    background-image: url("Images/service_catalogue_1_128_Err.png");
}

.services ul li a.serviceStatusWrn
{
    background-image: url("Images/service_catalogue_1_128_Wrn.png");
}

.myDetails,
.lastUpdatedRequests,
.latestKnownErrors
{
	float: right;
	margin-bottom: 10px;
    width: 410px;
    overflow: hidden;
}

.latestNewsArticles
{
	clear: both;
}

.latestNewsArticles div.newsArticle
{
	margin-bottom: 10px;
	border: 1px solid #E1DEB9;
}

.latestNewsArticles .newsArticle h3
{
	margin: 0;
	padding: 2px 5px;
	background: url("Images/table_header_background.png") repeat-x;
}

.latestNewsArticles .newsArticle .content
{
	margin: 0;
	padding: 5px;
}

.latestNewsArticles .newsArticle .summary
{
	float: right;
	font-weight: normal;
	color: Gray;
}

/* New Request */

#requestForm
{
    float: left;
    width: 500px;
}

#requestForm select
{
    max-width: 370px;
}

#requestForm #serviceRow select
{
	display: block;
}

#requestForm #serviceRow .subService
{
	margin-top: 2px;
}

#tooltip,
#checklist,
div.knowledgeBase
{
	float: right;
	clear: right;
	margin-bottom: 10px;
	padding: 10px 10px 0 10px;
	width: 248px;
    border: 1px solid #E1DEB9;
}

#checklist ol 
{
    padding-left: 30px;
    
}

#checklist select
{
	margin-bottom: 10px;
}

#tooltip
{
	position: relative;
}

#tooltip #hide, #show, .hide, .show
{
	position: absolute;
	top: 14px;
	right: 10px;
}

#tooltip
{
	background: lightyellow;
}

#tooltip h2
{
    background-image: url("Images/information_24.png");
}

#tooltipContent.highlight h2
{
    background-image: url("Images/tooltip_information_24.png");
}

#tooltipPlaceholder h2
{
    background-image: url("Images/tooltip_information_24.png");
}

#tooltip .service,
#tooltip .impact,
#tooltip .urgency,
#tooltip .description,
#tooltip .note,
#tooltip .attachment,
#tooltip .notificationAddress,
#tooltip .thirdPartyReference
{
	display: none;
}

#tooltip .isRequired
{
	font-style: italic;
}

#tooltip .information,
#tooltip .isRequired,
#checklist div.checklist
{
	margin-bottom: 10px;
}

/* Request List */

ul.help
{
	margin-bottom: 10px;
}

/* View Request */

div.satisfaction
{
	margin-bottom: 10px;
	padding: 10px;
	border: 10px solid #E1DEB9;
}

div.satisfaction table
{
	width: 100%;
}

div.satisfaction ul
{
	list-style: none;	
	padding: 0;
}

div.satisfaction ul li
{
	float: left;
	margin-right: 10px;
	text-align: center;
}

div.satisfaction ul li label
{
	display: block;
	text-align: center !important;
	padding: 0 !important;
	font-style: italic;
}

div.satisfaction textarea
{
	display: block;
	clear: left;
	width: 100%;
	height: 40px;
}

#viewRequest td
{
	white-space: normal;
}

#viewRequest tr td .notes
{
	padding: 5px;
	height: 200px;
	width: 763px;
	overflow: auto;
}

#viewRequest tr td.notes
{
	padding: 0;
}

#viewRequest tr td.notes .notes
{
	padding: 5px 10px 5px 5px;
}

#viewRequest tr td.notes .notes .note
{
	margin-bottom: 10px;
}

#viewRequest tr td.notes .notes .note h3
{
	margin: 0;
	padding: 0;
	height: auto;
	line-height: normal;
}

#viewRequest tr td.notes .notes .note div *
{
	margin: 0;
	padding: 0;
	background: none;
	text-align: left;
	position: static;
	height: auto;
	width: auto;
}

#updateRequest
{
	width: 100%;
}

#updateRequest tbody tr td textarea
{
	height: 100px;
}

/* Knowledge Base */

#ctl00_content_dateCreated
{
    color: #a6a6a6;
    font-size: 14px;
}

#searchOptionsFieldset table
{
	width: auto;
	border: 0;
}

#knowledgeBaseSearchResults
{
    border:none !important;
}

#knowledgeBaseSearchResults tbody tr td
{
    border:none;
    border-top: 1px solid #ECECEC;
    padding:20px 0px
}
#knowledgeBaseSearchResults tbody tr td a
{
    font-size:16px;
}

#knowledgeBaseSearchResults tr td.document,
#knowledgeBaseSearchResults tr td.fragment,
#knowledgeBaseSearchResults tr td.knownError,
#knowledgeBaseSearchResults tr td.problem
{
	padding-left: 25px;
	background-position: 5px center;
	background-repeat: no-repeat;
}

#knowledgeBaseSearchResults tr td.document
{
	 
}

#knowledgeBaseSearchResults tr td.fragment
{
	padding-left: 45px;
	background-position: 25px center;
	 
}

#knowledgeBaseSearchResults tr td.knownError
{
	 
}

#knowledgeBaseSearchResults tr td.problem
{
	 
}

#knowledgeBaseSearchResults thead
{
    display:none;
}

#knowledgeBaseSearchMessage
{
	margin-bottom: 10px;
}

#ctl00_content_knowledgeBaseSearchResultsSubHeading
{
    font-size:1.5em;
    padding-bottom:10px;
}

/* Error */

.stackTrace
{
	display: block;
	width: 100%;
	overflow: auto;
	font-family: Courier New;
	font-size: 1em;
}

/* Quick Tasks */

ul.quickTasks
{
    padding-left: 0;
    list-style: none;
	margin-bottom: 10px;
}

ul.quickTasks li
{
	/* IE6 Hack */
	_float: left;
	_width: 100%;
}

ul.quickTasks li a
{
	display: block;
	padding: 10px 10px 10px 44px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	border: 1px solid #E1DEB9;
	border-bottom-width: 0px;
    background-position: 10px center;
    background-repeat: no-repeat;
}

ul.quickTasks li.last a
{
	border-bottom-width: 1px;
}

ul.quickTasks li a.newStarterRequest
{
	 
}

ul.quickTasks li a.equipmentMoveRequest
{
	 
}

ul.quickTasks li a.documentationRequest
{
	 
}

ul.quickTasks li a.facilitiesServiceRequest
{
	 
}

ul.quickTasks li a.applicationPurchaseRequest
{
	 
}

/* Facilites Service Request */

#facilities
{
	text-align: center;
}

#facilities label
{
	width: 89px;
	height: 139px;
	background-position: top left;
	background-repeat: no-repeat;
	cursor: pointer;
}

#facilities label.lighting
{
	background-image: url("Images/lighting_facility.gif");
}

#facilities label.heating
{
	background-image: url("Images/heating_facility.gif");
}

#facilities label.windows
{
	background-image: url("Images/windows_facility.gif");
}

#facilities label.plumbing
{
	background-image: url("Images/plumbing_facility.gif");
}

#facilities label.doors
{
	background-image: url("Images/doors_facility.gif");
}

/* Service catalogue */

#serviceCatalogue
{
	padding-left: 0;
}

#serviceCatalogue li
{
	list-style-type: none; 
	border: 1px solid #E1DEB9; 
	margin-bottom: 10px;
}

#serviceCatalogue .catalogueItemHeader
{
	 
}

#serviceCatalogue .catalogueItemBody
{
	padding: 5px 5px 5px 5px;	
	width: 100%;
}

#serviceCatalogue .catalogueItemBody:after
{
	content: ".";
	display: block;
	clear: right;
	height: 1px;
	visibility: hidden;
}

#serviceCatalogue .catalogueItemBody table
{
	width: 500px;
}

#serviceCatalogue .label, #serviceCatalogue .field
{
	padding-top: 4px;
	padding-right: 10px;
	vertical-align: top;
}

/*
#serviceCatalogue .label
{
	width: 50px;
}

#serviceCatalogue .field
{
	width: 40px;
}
*/
#serviceCatalogue .createServiceRequest
{
	float: right; 
	font-weight: normal;
	padding-left: 20px; 
	padding-right: 5px; 
	*margin-top: -25px;
	_margin-top: -25px;
	background-position: left center;
	clear: right;
}

#serviceCatalogue img
{
	float: right;
}

#serviceCatalogue .expandText
{
	height: 15px;
	overflow: hidden;
}

#serviceCatalogue .label a
{
	font-style: italic;
	padding-left: 5px;		
}

#serviceCatalogue #serviceImageContainer
{
	overflow: hidden;
	float: right;
	width: 260px;
	height: 128px;
	text-align: right;
}

#serviceCatalogue #serviceImageContainer img
{
    max-height: 128px;
    max-width: 128px;
    padding-right: 10px;
}

table.approvalForm td
{	
	padding: 2px;
}

table.approvalForm select
{
	width: 15em;
}

#viewApproval td
{
	white-space: normal;
}

#viewApproval tr td .notes
{
	padding: 5px;
	height: 200px;
	width: 763px;
	overflow: auto;
}

#viewApproval tr td.notes
{
	padding: 0;
}

#viewApproval tr td.notes .notes
{
	padding: 5px 10px 5px 5px;
}

#viewApproval tr td.notes .notes .note
{
	margin-bottom: 10px;
}

#viewApproval tr td.notes .notes .note h3
{
	margin: 0;
	padding: 0;
	height: auto;
	line-height: normal;
}

#viewApproval tr td.notes .notes .note div *
{
	margin: 0;
	padding: 0;
	background: none;
	text-align: left;
	position: static;
	height: auto;
	width: auto;
}

#viewApproval tr td.notes .changeNotes
{
	height: auto;
}

legend.changeDecisions
{
     
}

fieldset.changeDecisions div.decisionDetails
{
	border: 1px dotted #C1C1C1;
	margin: 10px;
}

fieldset.changeDecisions div.decisionDetails table
{
	width: 100%;
}

fieldset.changeDecisions div.decisionDetails table td.approver
{
	width: 60%;
	font-weight: bold;
}

fieldset.changeDecisions div.decisionDetails table td.state
{
	width: 40%;
	font-weight: bold;
	text-align: right;
	padding-right: 25px;
}

fieldset.changeDecisions div.decisionDetails table td.Approved
{
	 
	background-position: right;
	background-repeat: repeat-y;
}

fieldset.changeDecisions div.decisionDetails table td.Rejected
{
	 
	background-position: right;
	background-repeat: repeat-y;
}

fieldset.changeDecisions div.decisionDetails table td.NotSet
{
	 
	background-position: right;
	background-repeat: repeat-y;
}

legend.approval
{
     
}

table.approvalList
{
    width: 100%;
	border: 1px solid #E1DEB9;
    border-collapse: collapse;
}

table.approvalList th
{
	 
}

table.approvalList th,
table.approvalList td
{
    padding: 5px;
    white-space: nowrap;
}

table.approvalList .description
{
    width: 100%;
    white-space: normal;
}

table.approvalList tbody td
{
	border: 1px solid #E1DEB9;
}

table.approvalList tbody td a
{
    text-decoration: none;
}

table.approvalList tbody td.overdue
{
	 
	background-position: right;
	background-repeat: repeat-y;
}

/* SLA summary */

#slaSummary
{
    
	padding: 7px 10px 10px 50px;
}

#slaSummary .container
{
	border-left: 0;
	border-right: 0;
	width: inherit;
}

#slaSummary h1, 
#slaSummary h2
{
	padding-left: 0;
}

#slaSummary .times
{
	margin-bottom: 10px;
}

/* Service levels */
#serviceLevelsSummary .label
{
	font-weight: bold;
	float: left;
	width: 12em;
	margin-right: 2px;
}

#serviceLevelsSummary table 
{
	border-collapse: collapse;
}
	
#serviceLevelsSummary table tbody td,
#serviceLevelsSummary table thead th
{	
	border: 1px solid #E1DEB9;
	padding: 3px;
}

/* Date Picker */

.dateTimePicker
{
    display: inline-block;
}

.dateTimePicker .dateInput
{
	width: 80px;
}

.dateTimePicker .timeInput
{
	width: 40px;
}

.dateTimePicker .positioned
{
	display: inline-block;
	margin: 0 5px;
	width: 16px;
	height: 16px;
	background: url("Images/cal.gif") top left no-repeat;
}

.dateTimePicker .positioned > a
{
	position: static;
	display: inline-block;
	margin: 0;
	cursor: default;
	text-decoration: none;
}

.dateTimePicker .positioned > a span
{
	display: inline-block;
	width: 16px;
	height: 16px;
}

.datePicker
{
	position: absolute;
	width: 225px;
	background: #FFF;
	cursor: default;
	font-family: Arial;
	font-size: 12px;
}

.datePicker table
{
	width: 100%;
	table-layout: fixed;
	border: 1px solid #000;
	border-collapse: collapse;
}

.datePicker table th
{
	padding: 4px 2px;
	 
}

.datePicker table td
{
	padding: 4px 2px;
	border: 1px solid #000;
	text-align: center;
}

.datePicker .date-picker-hover
{
	background: highlight;
	color: #FFF;
}

.datePicker .date-picker-today
{
	color: #F00;
	font-weight: bold;
}

.datePicker .date-picker-selected-date
{
	font-weight: bold;
}

.datePicker td.date-picker-highlight
{
	color: grey;
}

.datePicker .date-picker-title
{
	font-weight: normal;
}

.datePicker .prev-but,
.datePicker .next-but
{
	font-family: Tahoma;
}

.dateTimePicker .positioned > a span.fd-screen-reader,
.datePicker .fd-screen-reader
{
	display: none;
}


.autoform
{
    width: 780px;
}

.autoformNarrow
{
    width: 500px;
}


.externalLinksHidden,
.checklistHidden
{
    visibility: hidden;
    height: 0;
}

.externalLinks a
{
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    display: block;
    font-size: 1.25em;
    line-height: 28px;
    margin-bottom: 5px;
    padding: 5px 5px 5px 32px;
    text-decoration: none;
}


.externalLinksVisible
{
	float: right;
	clear: right;
	margin-bottom: 10px;
    padding: 10px;
	width: 248px;
    border: 1px solid #E1DEB9;
}

.checklistVisible
{
	float: right;
	clear: right;
	margin-bottom: 10px;
	padding: 10px 10px 10px 10px;
	width: 248px;
    border: 1px solid #E1DEB9;
}

.knowledgeBaseHidden
{
    visibility: hidden;
    height: 0; 
}

.shoppingCart
{
    width: 230px;
}

.shopSearch
{
    position: relative;
    right: 0;
    left: 0;
}

.imagelabel
{
    width: 128px;
    height: 128px;
    display:block;
}

.groupTile  
{
    width:128px;
    height:148px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    text-align:center;
    zoom: 1;
    float: left;
}


#serviceGrouping:after
{
    content: ".";
    display: block;
    clear: both;
    height: 1px;
    visibility: hidden;    
}

.ServiceGroups
{
    width: 100%;
}

.groupTile span
{
    bottom: 2px;
    left: 0;
    position: absolute;
    right: 0; 
}

.groupTile a
{
    text-decoration:  none;
}


.serviceGroupPath a
{
    text-decoration:  none;
}

.knownErrorAssociate .button
{
    padding: 2px 10px;
    margin-left: 4px;
    font-weight: bold;
}

.knownErrorAssociate .knownErrorMessages
{
    margin-top: 10px;
    text-align: left;
    margin-left: 2px;
    margin-right: 2px;
}



.timeContainer
{
    border-bottom: 4px solid #000;
    padding-bottom: 20px;
}

.knownError span.averageRatingOuter
{
    position: relative;
    height: 24px;
    width: 120px;
	 
    margin-right: 5px;
    float: left;
}

.knownError span.averageRatingOuter span.averageRatingInner
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
	 
}

.knownError span.averageRatingOuter span.averageRating1
{
    width: 24px;
}

.knownError span.averageRatingOuter span.averageRating2
{
    width: 48px;
}

.knownError span.averageRatingOuter span.averageRating3
{
    width: 72px;
}

.knownError span.averageRatingOuter span.averageRating4
{
    width: 96px;
}

.knownError span.averageRatingOuter span.averageRating5
{
    width: 120px;
}

.knownError span.ratingCount
{
    display: inline-block;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
}

.knownError .userFeedbackPanel *
{
    box-sizing: border-box;
}

.knownError .userFeedbackPanel h2
{
    padding: 0;
    margin-bottom: 2px;
}

.knownError .userFeedbackPanel .userInput
{
    position: relative;
    height: 80px;
}

.knownError .userFeedbackPanel .userInput.hidden
{
    display: none;
}

.knownError .userFeedbackPanel .userInput .textareaContainer
{
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 140px;
}

.knownError .userFeedbackPanel .userInput .textareaContainer textarea
{
    height: 100%;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    resize: none;
    font-family: Helvetica, Verdana, Arial;
}

.knownError .userFeedbackPanel .userInput .userRatingHeading
{
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    height: 24px;
    width: 122px;
    line-height: 24px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}

.knownError .userFeedbackPanel .userInput .userRating
{
    display: inline-block;
    position: absolute;
    right: 0;
    top: 25px;
    width: 122px;
    height: 26px;
    border: 1px solid #FFF;
}

.knownError .userFeedbackPanel .userInput .userRating.invalid
{
    background-color: #FFDAC0;
    border: 1px solid #CCC;
}

.knownError .userFeedbackPanel .userInput .userRating > a
{
    display: inline-block;
    width: 24px;
    height: 24px;
	 
}

.knownError .userFeedbackPanel .userInput .userRating > a.full
{
	 
}

.knownError .userFeedbackPanel .userInput input[type=submit]
{
    position: absolute;
    right: 0;
    top: 60px;
    width: 122px;
}

.knownError .userFeedbackPanel .feedbackThanks.hidden
{
    display: none;
}

.knownError .userFeedbackPanel .feedbackThanks > span
{
    display: inline-block;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
	 
    padding-left: 40px;
    font-weight: bold;
    font-size: 16px;
}

/* Service catalogue */

#serviceStatus
{
	padding-left: 0;
}

.serviceSummary
{
    float:left;
}

.serviceSummary > .statusItemHeader h2
{
    padding-left: 34px;
}

.statusItemHeadertop
{
	border: 1px solid #E1DEB9;
	border-radius:5px;
	margin: 3px;
	padding:3px;
}

.statusItemHeader
{
    width: 210px;
	float:left;
	padding-top: 10px;
	padding-bottom: 10px;
}

.statusItemHeader span
{
    margin-left: 37px;
}

.statusItemHeader h2
{
    margin-bottom: 0;
    padding-left: 37px;
}

.status_Ok
{
	 
}

.status_Maintanece
{
	 
}

.status_Degraded
{
	 
}

.status_Down
{
     
}

.serviceHistory
{
    padding: 5px 0 10px 5px;
    width: 230px;
    border: 0px solid #E1DEB9; 
    border-radius:15px;
    float: left;
    *float: none;
    margin-top: 10px;
    margin-bottom: 200px;
}


.servicedetailSubPage
{
    display: inline-block;
    width: 100%;
    overflow:auto;
}

.statusItemHeaderContainer
{
    float:left;
    padding: 5px;
    margin: 2px;
    border-radius:5px;
}

.statusItemDetail
{
    border: 2px solid #E1DEB9;
    width: 500px;
    background: #ffffff;
    padding: 10px;
    border-radius: 25px;
    top: 190px;
    position: absolute;
    right: 0;
    display: inline-block;
}

.statusItemNOISSUES
{
    border: 2px solid #E1DEB9; 
    width: 680px;
    background:  #ffffff; 
    padding: 10px;
    border-radius:25px;
    position: absolute;
    left: 30px;
    margin-top: -7px;

}

.serviceSummaryBar label
{
    font-family: Helvetica, Verdana, Arial;
    font-size: 1.75em;
    margin: 5px;
}

.tableUnderline
{
    border-bottom: 1px solid #E1DEB9;
}

.statusItemDetail table
{
    border-spacing: 0 5px;
}

.statusItemDetail th
{
    width: 150px;
}

.statusDetailIcon
{
    width: 35px;
    height: 32px;
    float: right;
}

.serviceSummaryBar
{
    border: 1px solid #E1DEB9;
    margin: 10px 0 8px 0;
     
    float:left;
    width:100%;
}

/* SELF SERVICE CONFIGURABLE FORM LABELS */
/* Change this to configure label text   */
.autoformNarrow td,
.autoform td
{
    padding: 0 20px 0 0;
    
    
    /* Text Font */
    font-family: Helvetica,Verdana,Arial;
    /* Font Size */
    font-size: 1.00em;
    /* Font Colour */
    color: #000000;
}


/* MyFamilyRoom */
div.logo 
{
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	padding: 30px 0 30px 0;
	display: block;
}
.logo img 
{
    max-height: 100px;
}
img 
{
    max-width: 100%;
    vertical-align: middle;
}

.search-unit 
{
    background: #495966 none repeat scroll 0% 0%;
        padding: 40px 40px 25px 40px;
    text-align: center;
	border: 0;
}

.search {
    display: inline-block;
    position: relative;
	text-align: center;
	border: 0;
}


.search input {
    border-color: #D9D9D9;
    border-radius: 5px;
    height: 45px;
    font-size: 16px;
    padding: 0px 20px;
    width: 620px;
}


.searchimg
{
	width: 40px !important;
	height: 39px !important;
	position: absolute;
	right: 20px;
	top: 5px;
	z-index: 999;
        border-color: transparent !Important;
        padding:0px !important;
}

.search submit {
	display:none;
}

.category-list
{
	font-family: Helvetica,Arial,sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #495966;
	display: block;
	/*margin-bottom: 20px;*/
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 30px;
	text-decoration: none;
}

.contactus
{
	margin-left: auto;
    margin-right: auto;
    width: 470px;
}

ul, ol {
    list-style: outside none none;
    margin: 0px;
    padding: 0px;
}

.category-list a {
    background: #FFF none repeat scroll 0% 0%;
    border: 2px solid rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    box-shadow: 0px -3px rgba(0, 0, 0, 0.08) inset;
    color: #495966;
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 30px;
}


main {
    padding-top: 35px !Important;
    padding-bottom: 100px;
	display: block;
}
main, .header-inner, .footer-inner {
    margin: 0px auto;
    padding: 0px 20px;
    width: 980px;
}

.content-wrapper {
    margin: 0px auto;
    width: 960px;
    min-width: 960px;
}

.footerWrapper {
    clear: both;
    display: table-cell;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    width: 960px;
    height: 200px;
    min-height: 200px;
    vertical-align: bottom;
    font-size: 1.2em;
    font-family: "Tahoma",Verdana,Helvetica,sans-serif;
    color: #FFF;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.footerWrapper {
    font-size: 1.2em;
    font-family: "Tahoma",Verdana,Helvetica,sans-serif;
    color: #FFF;
}

.footerWrapper div.first {
    background: rgba(0, 0, 0, 0.75) none repeat scroll 0% 0%;
    font-family: "Arial",Verdana,Helvetica,sans-serif;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    width:100%;
}

.footerWrapper div.first > * {
    margin-bottom: 0px;
    padding: 10px;
}

.float-left {
    float: left;
}
 
.footerWrapper div.second {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;
    font-family: "Tahoma",Verdana,Helvetica,sans-serif;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    position: relative;
    z-index: 1;
	height: 120px;
    width:100%;
}

.footerWrapper div.second > * {
    margin-bottom: 1px;
    padding: 10px;
}

.float-right {
    float: right;
}


.footerWrapper a {
    color: #FFF;
    text-decoration: none;
}

.footerWrapper ul {
    padding-left: 0px;
    margin-left: 10px;
    float: left;
    list-style: outside none none;
}

.knowledge-page-header {
    border-bottom: 4px solid #000;
    margin-bottom: 15px;
    padding: 20px 0;
}

.knowledge-page-header > h1 {
    margin:0;
    font-size:30px;
}

.KIGroupHeader {
    font-size: 16px;
    margin-bottom: 15px;
    margin-top:20px;
}

.KIListItem {
    font-size:14px;
    margin-top:20px;
} 
.dtlKIGroupList > tbody > tr > td  {
    width:50%;
}

.breadcrumb {
    font-size:13px;
}

h2.help, ul.help {
    display:none;
}

#wrapper {
    background-color: #fff;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    padding: 15px;
}

#dropbox {
    background-color: #f6f6f6;
    overflow: auto;
    padding: 10px;
}

#dropbox>header {
    margin-bottom: 5px;
    padding: 0 5px;
}

#dropbox>header h1 {
    color: #555;
    font-size: 22px;
    font-weight: normal;
}

fieldset.body {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 20px;
}

fieldset.body label {
    clear: left;
    color: #555;
    display: block;
    font-size: 13px;
    font-weight: bold;
}

fieldset.body label+input, label+select, label+textarea, label+input+input, input+div.error, select+div.error, textarea+div.error {
    margin-top: 5px;
}

fieldset.body input, select, textarea {
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    display: block;
    outline: 0;
    padding: 5px;
    width: 98%;
}

.validation.error {
    color: #c66;
    font-size: 12px;
}

fieldset.body input+label, select+label, textarea+label, .validation.error+label, .two_across+label {
    margin-top: 20px;
}

.two_across {
    clear: both;
    margin-top: 20px;
}

.two_across>div {
    float: left;
    width: 45%;
}

.two_across>div+div {
    margin-left: 4%;
    width: 50%;
}

#dropbox_submit {
    border: 1px solid;
    border-color: #ddd #ccc #ccc #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #1a6690;
    cursor: pointer;
    display: inline-block;
    font-family: Arial,"Lucida Grande";
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 5px 10px;
    position: relative;
    text-decoration: none;
    background: url("Images/button-bg.gif") repeat-x scroll bottom left #fefffe;
}

#ticket_success > div.body {
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    text-align:center;
}

#ticket_success > div.body > span {
    background: transparent url("Images/nice_check.png") no-repeat 0 3px;
    font-size: 20px;
    padding: 5px 34px;
}

.RadWindow_Default a.rwIcon
{
    display:none !Important;
}