A { color:#006699; text-decoration: none; }
A:hover { color:#DB8606; text-decoration: none; }

body {
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	color: #3E3E3E;
}

#mainDiv {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border: solid 1px;
	border-color: #CCCCCC;
	padding: 1px;
}

#headerLinksDiv {
	background-color: #E9E9E9;
	padding: 3px;
	text-align: right;
}

#headerLinksDiv ul {
	margin: 0px;
}

#headerLinksDiv ul li {
	display: inline;
}

#contentDiv {
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 5px;
}

#appNameDiv {
	color: #666666;
	text-align: center;
	background-color: #E9E9E9;
}

.tableTitle {
	margin-top: 10px;
	margin-left: 3px;
	text-align: left;
}

.tabList {
	text-align: left; /* set to left, right or center */
	margin: 1em 0 0 0; /* set margins as desired */
	font: bold 11px verdana, arial, sans-serif; /* set font as desired */
	border-bottom: 1px solid #ADADAD; /* set border COLOR as desired */
	list-style-type: none;
	padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

.tabItem {
	display: inline;
	border-bottom: 1px solid #fff; /* set border color to page background color */
	background-color: #fff; /* set background color to match above border color */
}

.tabItem a {
	padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #ADADAD; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #F9F9F9; /* set unselected tab background color as desired */
	color: #666; /* set unselected tab link color as desired */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;

}

.tabItemSelected {
	display: inline;
	border-bottom: 1px solid #fff; /* set border color to page background color */
	background-color: #fff; /* set background color to match above border color */
}

.tabItemSelected a {
	position: relative;
	top: 1px;
	padding-top: 4px; /* must change with respect to padding (X) above and below */
	padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #ADADAD; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #E9E9E9; /* set unselected tab background color as desired */
	color: #3E3E3E; /* set unselected tab link color as desired */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
}

.tabItem a:hover {
	background: #fff;
}


#operationsBox {
	padding: 10px;
	border: 1px solid #ADADAD;
}

#communicationsBox {
	padding: 10px;
	border: 1px solid #ADADAD;
}

#copyrightDiv {
	height: 23px; 
}

#copyrightLeftDiv {
	float: left;
	color: #CCCCCC;
}

#copyrightRightDiv {
	float: right;
}

#actionBarDiv {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

#actionMenuDiv {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.ticketInfoRow {
	background-color: #F4FAFF;
	margin-top: 1px;
	margin-bottom: 1px;
}

.ticketInfoTitle {
	font-weight: bold;
	width: 120px;
	float: left;
}

.ticketInfoBox {
	padding: 5px;
}

#memberTicketInfo {
	width: 45%;
	float: left;
}

#technicalTicketInfo {
	width: 45%;
	float: right;
}

#categoryBox {
	background-color: #F4FAFF;
	width: 48%;
	float: left;
}

#subcategoryBox {
	background-color: #F4FAFF;
	width: 48%;
	float: right;
}

.warningMessage {
	font-weight: bold;
	text-align: center;
}

#messageReplyBox {
	margin-top: 10px;
}

.centeredLink {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}

.inputsubmit {
	font-size: 11px; 
	background-color: #DB8606; 
	color: #FFFFFF;
	border: #666666; 
	border-style: solid;
 	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}

.inputsubmit:hover {
	font-size: 11px; 
	background-color: #DB8606; 
	color: #DDDDDD;
	border: #666666; 
	border-style: solid;
 	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}

.barTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	border: none;
}

.error {
	color: #FF0000;
	font-weight: bold;
	text-align: center;
}

.success {
	color: #00FF00;
	font-weight: bold;
	text-align: center;
}

/* Add scrollbars to yui popup */
.bd {
	overflow: auto;
}

textarea { width: 100%; }
.mainTable { background-color: #F4FAFF; }
.mainTableAlt { background-color: #FFFFFF; }
.mainTableOn { background-color: #FFFFF0; }
.TableHeader { background-color: #E9E9E9; }
.TableMsg { background-color: #ADADAD; }
.TableHeaderText { color: #FFFFFF; font-size: 11px; font-weight: normal; }
.TableInfoText { color: #000000; font-size: 11px; background-color: #FFFFFF; }
.msgReceived { background-color: #E9E9E9; color: #3E3E3E; font-size: 10px; }
.msgAnswered { background-color: #FFE0B3; color: #3E3E3E; font-size: 10px; }
.msgAttachments { background-color: #F4FAFF; color: #000000; font-size: 10px; }
.msgBorder { background-color: #ADADAD; }
.msgBox { background-color: #F9F9F9; }
