/* 
 * default blue - orange
 */

@media screen {
	body {
	    overflow-x: hidden;
	    overflow-y: auto;
	}
}

@media all {
	
	/* Body */
	body, .bgBody {
	    margin-top:	    0px;
	    margin-left:    8px;
	    margin-right:   8px;
	    margin-bottom:  0px;
	    padding:        0px;
	    border:         0px;
	    font-family:    Arial, Sans;
	    font-size:	    12px;
	    background: 	white;
	}
	
	.bodyPrint {
	    margin: 5px;
		color:	black;
	}
		
	.bodyImage {
	    margin:     0px;
		background: #F0F8FF; 
	}
	
	
	
	/* Global layout */
	
	/* Top-most table on the layout */
	.topTable {
		width:  765px;
	}	
	
	/* System header bar */
	.headerBar {
	    border:  0px;
	    padding: 10px;
	    margin:  0px;
	    height:  54px;
	}
	
	/* TD that contains the loginDataBar */
	.loginDataTD {
		padding: 0px;
		height:  26px;
	}
	
	/* Bar that shows the logged user */
	.loginDataBar {
	    background:	#dceded; 
	    border:	    1px solid #a3b8de; 
	    height:	    14px;
	    overflow:   hidden;
	    font-size:  10px;
	    text-align: right;
	    padding:    0px;
	    margin-bottom: 6px;
	}
	
	/* Span that shows data on the logged user bar */
	.loginData {
	    font-weight:   bold;
	    font-size:	   10px;
	    color:	       #666666;
	    font-family:   Tahoma, Sans;
	    text-align:    right;
	    margin:        0px;
	    padding:       0px;
	    padding-right: 15px;
	}
	
	/* Even rows on result lists */
	.ClassColor1 {
	    background: #ffffff;
	}
	
	/* Odd rows on result lists */
	.ClassColor2 {
	    background: #fffcf4;
	}    
	
	/* Rows when the mouse is over it */
	.ClassColorSelected {
		background: #ffe3bd;
		text-decoration: none;
	}
	
	/* Messages that appear next to fields (like date format) */
	.fieldDecoration {
		color: red !important;
	}
	
	/* Messages that appear at the bottom of the page */
	.footerNote {
		font-weight: bold;
		text-align:  center;
		width:       100%;
		color:       navy;
	}
	
	/* Pagination text for search results */
	.pagination {
	}
	
	/* Pagination links */
	.paginationLink {
	    font-weight: bold;
	}
	
	/* Current page in pagination */
	.currentPage {
		font-weight: bold;
		color: red;
	}
	
	/* Contents on print windows */
	.printContent {
		background-color: white;
		border: none;
	}
	
	/* Title on print pages */
	.printTitle {
		color:       black;
		font-weight: bold;
		font-size:   14px;
		text-align:  center;
	}
	
	/* Labels on print page */
	.printLabel {
		color:       black;
		font-weight: bold;
		font-size:   12px;
		font-style:  italic;
		text-align:  right;
		vertical-align: top;
	}
	
	/* Column headers */
	th.printLabel {
		text-align: center !important;
	}
	
	/* Data on print page */
	.printData {
		color: black;
		vertical-align: top;
	}
	
	/* Elements with border */
	.printBorder, .printBorder th, .printBorder td {
		border: 1px solid black;
		border-collapse: collapse;
		padding: 1px 2px;
	}
	
	/* Help */
	
	.helpWindowBody {
	    margin:     0px;
	    cursor:     default;
	    background: #f9f9f9; 
	}
	
	.helpWindowTable {
	    border:     0px;
	    width:      100%;
	    height:     100%;
	    background: #f9f9f9; 
	}	
	
	.helpWindowTableContent {
	    color:       navy;
	    font-family: Arial, Sans;
	    font-size:   12px;
	}
	
	br.small {
		font-size: 6px;
	}
	
	
	
	/* Tables */
	
	.defaultTable, .defaultTableCenter {
	    border:          0px;
	    border-spacing:  0px;
	    border-collapse: collapse;
	    padding:         0px;
	    width:	    	 100%;
	    height:	    	 100%;
	    empty-cells:     show;
	}
		
	.bordered {
	    border:          1px solid #658DCF;
		border-spacing:  0px;
	    border-collapse: collapse;
	}
	
	.defaultTableCenter {
		text-align: center;
		vertical-align: middle;
	}
	
	.defaultTableContent {
	    padding:	     0px;
	    width:           100%;
		margin-left:	 0px;
		border-spacing:  0px;
	}
	
	.defaultTableContentHidden {
	    border:          0px;
	    padding:	     0px;
	    width:	    	 100%;
		margin-left:	 0px;
		border-spacing:  0px;
		border-collapse: collapse;
	}
	
	table.nested, table.nested.td, table.nested.th {
		margin:          0px;
		padding:         0px;
		border-collapse: collapse;
		border-spacing:  0px;
	}
	
	form {
		display: inline;
		margin:  0px;
	}
	
	td, pre {
	    color: navy;
	    font-family: Arial, Sans;
	    font-size: 12px;
	}
	
	pre {
		display:inline;
	}
	  	

	.tdHeaderTable {
	    background:	    #dddddd url(header_background_left.gif) no-repeat scroll top left;
	    color:	    	#ffffff;
	    font-family:    Verdana, Sans;
	    font-size:	    11px;
	    font-weight:    bold;
	    padding-top:    0px;
	    padding-left: 	10px;
	    padding-right: 	0px;
	    padding-bottom:	2px;
	    height:         21px;
	}
	  	
	.tdHelpIcon {
	    background:	    #dddddd url(header_background_right.gif) no-repeat scroll top right;
	    padding: 	    2px;
	    padding-right:  4px;
	    height:         19px;
	    font-size:      1px;
	}
	
	.tdHelpIcon img {
		margin-left: 3px;
	}
	
	.innerBorder {
	    border-left:  1px solid #658dcf;
	    border-right: 1px solid #658dcf;
	}

	.bottomLeft {
	    background:	 #658DCF url(footer_background_left.gif) no-repeat scroll bottom left;
	    height: 6px;
	    font-size: 1px;
	}
	
	.bottomRight {
	    background:	 #658DCF url(footer_background_right.gif) no-repeat scroll bottom right;
	    height: 6px;
	    font-size: 1px;
	}
	
	.tdHeaderContents {
	    color:            navy;
	    text-align:       center;
	    border:           1px solid #FFFFFF;
	    background-color: #ffeed7;
	    font-family:      Verdana, sans;
	    font-size:        11px;
	    font-weight:      bold; 
	}
	
	.tdContentTableLists, .tdContentTableForms, .tdContentTable {
	    background:	    #fffcf4;
	    font-family: 	Arial, Sans;
	    font-size: 		12px;
	}
	
	.tdContentTable {
		padding: 5px;
	}
	
	.tdContentTableForms {
		padding: 3px;
	}
	
	.tdContentTableLists {
		padding: 1px;
	}
	
	.tdContentTableLists table {
		border-spacing: 1px;
	}
	
	.tdContentTableForms table {
		border-spacing: 3px;
	}
	
	.tdContentTableLists table td, .tdContentTableLists table th {
		padding: 1px 4px;
	}
	
	.tdContentTableForms table td, .tdContentTableForms table th {
		padding: 2px 2px;
	}
	
	.tdContents {
	    background:	  #FFFFFF;
	    padding:      0px;
	    padding-left: 9px;
	    border:       none;
	    width:        585px !important;
	}
	
	.tdContentsCenter {
	    background:	    #FFFFFF;
		text-align:     center;
		vertical-align: middle;
	}
	
	.loadingMessage {
	    border:         1px solid #658dcf;
	    background:     #FFEED7;
	    color: 	        navy;
	    font-family:    Verdana, sans;		  
	    font-size:      11px;
	    text-align:     center;
	    vertical-align: middle;
	}
	
	.tablePrint {	
		width:	    	 100%;
		border:          1px solid #808080;
		border-spacing:  0px;
	    border-collapse: collapse;
	}
	
	.tdPrintHeader {
		color:			 black;
		font-weight:     bold;
		text-align:      center;
		vertical-align:  middle;
		border:          1px solid #808080;
		border-spacing:  0px;
	    border-collapse: collapse;
	}
	
	.tdPrintData {
		color:			 black;
		text-align:      left;
		vertical-align:  middle;
		border:          1px solid #808080;
		border-spacing:  0px;
	    border-collapse: collapse;
	}
	
	/* Menus */
	
	.tdLeftMenu {
	    border:         0px;
	    padding:        0px;
	    width:	    	180px !important;
	    overflow:       hidden;
	    vertical-align: top;
	}
		
	/* move to top the same margin as .menu uses on to, so the first item won't be shifted */
	.menuContainer {
		margin-top: -2px;
	    width:	    180px !important;
	}
	
	.subMenuContainer {
	    background-color: #ffeed7;
		margin:           0px;
	    border:           none;
	    padding-bottom:   2px;
	}
	
	.menu, .menuHover {
	    background-color: #658dcf;
	    background-repeat: repeat-x;
	    background-position: top center;
	    border:           none;
	    margin:           0px;
	    margin-top:       2px;
	    padding:          0px;
	    overflow:         hidden;
	    height:           20px;
	}
	
	.menuText {
		margin-top:  3px;
	    margin-left: 19px;
	    color:       white;
	    font-family: Verdana, Sans;
	    font-size:   11px;
	    font-weight: bold;
	    padding-bottom: 2px;
	}
	
	.subMenu, .subMenuHover {
	    background-color: #ffeed7;
	    background-repeat: repeat-x;
	    background-position: top center;
	    border:	          none;
	}
	
	.subMenuText {
	    color:	       navy;
	    font-family:   Verdana, Sans;
	    font-size:	   11px;
	    margin-left:   21px;
		padding-top:    1px;
		padding-bottom: 1px;
	}
	
	.menuHover {
		background-image: url(menu_hover.gif);
	}
	
	.subMenuHover {
		text-decoration:  underline;
	}
	
	.firstMenu {
		background-image: url(first_menu_background.gif) !important;
		background-position: top;
	}
	
	.firstMenuHover {
		background-image: url(first_menu_hover.gif) !important;
		background-position: top;
	}
	
	.lastMenu {
		background-image: url(last_menu_background.gif) !important;
		background-position: bottom;
	}
	
	.lastMenuHover {
		background-image: url(last_menu_hover.gif) !important;
		background-position: bottom;
	}
	
	
	/* Links */
	
	a {
	    text-decoration: none;
	    color:	    	 navy;
	}
	
	a.default {
	    text-decoration: underline !important;
	    color:	    	 blue !important;
	}	
	
	a.linkList, a.profileLink, a.adminProfileLink {
		color: navy;
	}
	
	a.linkList:hover, a.profileLink:hover, a.adminProfileLink:hover {
		color: red;
	}
	
	
	/* Form fields */
		
	/* Buttons */
	button, .button, .linkButton {
	    background:     #c6e3ff url(button_background.gif);
	    color: 	        navy;
	    height:         18px;
	    border:         #94C2ED 1px solid;
	    padding-bottom: 3px;
	    font-family: 	Verdana, sans;
	    font-size: 		11px;
	    font-weight:    normal;
	}

	/* General inputs */
	input, textarea, select, .radio, .printButton {
	    border: 		#658dcf 1px solid;
	    color: 			navy;
	    font-family: 	Verdana, sans;
	    font-size: 		11px;
	    font-weight:    normal;
	}
	
	/* Select boxes */
	select {
		min-height: 18px;
	}

	/* Radios and checkboxes */
	.radio, .checkbox {
		border: none !important;
	}
	
	/* Enabled input boxes */
	.InputBoxEnabled {
	    background-color: #FFFFFF;
	    color:            navy;
	}
	
	/* Disabled input boxes */
	.InputBoxDisabled {
	    background-color: #FFEED7;
	    color:            navy;
	}
	
	/* Disabled buttons */
	.ButtonDisabled {
	    background: #dddddd;
		color:      #c5c5c5;
		height:     18px;
	}
	
	/* Field sizes */
	input.tiny, textarea.tiny, select.tiny {
		width: 50px;
	}
	input.small, textarea.small, select.small {
		width: 100px;
	}
	input.medium, textarea.medium, select.medium {
		width: 150px;
	}
	input.large, textarea.large, select.large {
		width: 300px;
	}
	input.full, textarea.full, select.full {
		width: 100%;
	}
	
	/* Text fields padding */
	input.tiny, textarea.tiny, input.small, textarea.small, input.medium, textarea.medium, input.large, textarea.large, input.full, textarea.full {
		padding-left: 2px;
		padding-right: 2px;
	}
		
	/* Multi drop down definitions */
	.multiDropDownText {
	    color: 	     navy;
	    font-family: Verdana, sans;
	    font-size: 	 11px;
	}
	
	.multiDropDown {
	    border: 	 1px solid #658DCF;
		background:  white;
	}
	
	.multiDropDownDisabled {
	    border: 	 1px solid #658DCF;
		background:  #FFEED7;
	}
	
	.multiDropDownHover {
	    background:	#658DCF;
		color:      white;
	}
	
	/* Virtual keyboard definitions */
	.virtualKeyboardButton {
	    background: #c6e3ff url(virtual_keyboard_button_background.gif);
	    color: 	    navy;
	    height:     23px;
	    padding-bottom: 3px;
	}
	
	.virtualKeyboardButtonHover {
		background: #FFF4DF !important;
	}
	
	.virtualKeyboardContrastVeryLow {
		color: #aac3db;
	}
	
	.virtualKeyboardContrastLow {
		color: #90a5ba;
	}
	
	.virtualKeyboardContrastNormal {
		color: #798b9c;
	}
	
	.virtualKeyboardContrastHigh {
		color: #606e7b;
	}
	
	.virtualKeyboardContrastVeryHigh {
		color: navy;
	}

	/* Fieldsets */
	fieldset {
		border:        1px solid #475691;
		margin-bottom: 2px;
		margin-top:    5px;
		margin-left:   2px;
		margin-right:  2px;
	}
	
	/* Fieldset legends */
	legend {
		font-weight: bold;
	}
	
	/* Labels on forms */
	.label {
		text-align:     right;
		font-weight:    bold;
		padding-right:  4px;
		padding-top:    2px !important;
		vertical-align: top;
	}
	
	/* Last label when multiple on same TD */
	.lastLabel {
		text-align:     right;
		font-weight:    bold;
		padding-top:    4px !important;
		vertical-align: top;
	}

	/* Labels that looks like headers */
	.headerLabel {
	    border: 			1px solid #FFFFFF;
	    background-color: 	#ffeed7;
	    color: 				navy;
		text-align:         right;
		font-weight:        bold;
		padding-right:      5px;
	}
		
	/* Decorated labels on forms */
	.decoratedLabel {
		color:         red;
		text-align:    right;
		font-weight:   bold;
		padding-right: 5px;
	}
	
	/* TDs that should be class label but have nested label spans */
	.nestedLabel {
		text-align:    right;
		padding-right: 0px;
	}
	
	/* Buttons on print pages */
	.printButton {
	    border:     black 1px solid;
	    color:      black;
	    background: #dddddd;
	}
	
	/* Horizontal rules */
	hr {
		height:           0px;
		border:           none;
		border-top:       1px solid #475691;
	}
	
	hr.print {
		height:           0px;
		border:           none;
		border-top:       1px solid black;
	}	
	
	/* Image scroller (on profile or ad details) definitions */
	.imageContainer {
		border:     1px solid #a3b8de;
		text-align: center;
	}
	
	.thumbnail {
		margin: 1px;
	}
	
	.imageOnly {
		margin: 0px !important;
		padding: 0px !important;
		border: none !important;
	}
	
	.imageContainer a {
		color: navy;
		text-decoration: none;
	}
	
	.imageContainer a:hover {
		color: red;
	}
	
	.imageIndex {
	}
	
	.imageRemove, .imageControls, .imageSetCaption, .imageDetails {
		border-top: 1px solid #a3b8de;
	}
	
	/* Image view popup definitions */
	.popupThumbnailContainer {
		padding-top:    10px;
		padding-bottom: 10px;
		padding-left:   20px;
		padding-right:  0px;
		height:         80px;
		width:          100%;
		border-bottom:  1px solid #a3b8de;
		overflow:       auto;
		overflow-y:     hidden;
		text-align:     left;
		white-space:    nowrap;
	}
	
	.popupThumbnail {
		vertical-align: middle;
		margin-right:   20px;
	}
	
	.popupImageContainer {
		text-align:     center;
		padding:        20px;
		padding-bottom: 0px;
	}
	
	/* Autocompletion divs */
	.autoComplete {
		position:         absolute;
		background-color: white;
	    border: 	      1px solid #475691;
		margin:           0px;
		padding:          0px;
		cursor:           default;
	}
	
	.autoComplete ul {
		list-style-type: none;
		margin:          0px;
		padding:         0px;
	}
	
	.autoComplete ul li {
		background:	white;
		color:      navy;
	}
	
	.autoComplete ul li.selected {
		background:	     #475691;
		color:           white;
	}
	
	.draggableList {
		list-style-type:  none;
		margin:           0px;
		padding:          0px;
		background-color: #F0F8FF;
		border:           1px solid #a3b8de;
		padding-top:      10px;
	}
	
	.draggableList li {
		margin-bottom:   10px;
		cursor: move;
	}

	
	/****** Page specific definitions *******/
	
	/* Account history */
	
	.ClassColorCredit {
		color: blue !important;
	}

	.ClassColorCredit a {
		color: blue !important;
	}
	
	.ClassColorDebit {
		color: red !important;
	}

	.ClassColorDebit a {
		color: red !important;
	}
		
	
	/* Ad search */
	
	.adTitle, .adTitle a {
		font-weight: bold;
		color: red;
		text-decoration: underline;
	}
	
	.adOwner {
		font-weight: bold;
		font-style: italic;
	}
	
	.adOwner a {
		color:           blue;
		text-decoration: underline;
	}
	
	.adDescription {
	}
	
	/* Customized files list */
	.conflict {
		color: red;
	}
	
	/* Messages */
	.unreadMessage {
		font-weight: bold;
	}
	
	.readMessage {
	}
	
	.removedMessage {
		font-style: italic;
	}
	
	.repliedMessage {
	}
}

@media print {
	
	.printButton {
		display: none;
	}
	
}