/* CityDesk default style sheet */

p {

}

ul {
  list-style: none;
  margin: 0 0 10px 20px;
  padding: 0;
}
  
li {
  list-style: none;
  padding-left: 15px;
  margin-bottom: 5px;
  background: url(Images/square.gif) no-repeat 0 3px;
}

/* Basic HTML Element Style */
body {
	background-color: #fff;
	margin: 0px;
	padding: 8px;
	margin-left: 2px;
	font: 10pt verdana, tahoma, arial, sans-serif;
}

.main {
    background: url(Images/grid.gif);
    margin-top: 0px;
    
    margin-bottom: 0px;
}

.container {
    background-color: #fff;
    padding-right: 10px;
	/* border: #cccccc 1px solid; */
}

.menubar {
	color: #A8A8A8;
	/* background-image: url(Images/menu_fill.gif); */
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	
	/* BACKGROUND: #ffcc00; */
	PADDING-LEFT: 4px; 
	PADDING-TOP: 4px; 
	PADDING-BOTTOM: 4px; 
	PADDING-RIGHT: 4px; 
	margin-top: 5px;
	font-family: arial, sans-serif;	
	font-size: 10pt;
}

.bottombar {
	color: #A8A8A8;
	text-align: center;
	font-family: arial, sans-serif;	
	font-size: 10pt;
	padding-top: 10px;
	border-top: 1px solid #999999;	
}

a.menulink {
	font-family: arial, sans-serif;	
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;	
	/*color: #000099;*/
	color: #0000aa;
}

a.menulink:hover {
	border-bottom: 1px solid #FF0000;
	color: #FF0000;
}

.content {
	margin-top: 10px;
	margin-bottom: 10px;
	PADDING-TOP: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-RIGHT: 0px; 
}

.sidebar {
	BORDER: #cccccc 1px solid;
	PADDING: 8px; 
	MARGIN-TOP: 10px; 
	BACKGROUND: #95B3DE; 
	font-size: 8pt;
}

.footer {
	color: #999999;
	font-size: 9pt;
	margin-top: 10px;
	text-align: center;
}

.bignum {
	color: #ffffff;
	font-size: 36pt;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #ffcc00;
	/* border: 1px solid #ccccff; */
}

.firstword {
	color: #CCCCCC;
	font-size: 20pt;
	font-weight: bold;
}

.c123 {
	margin: 5px;
	border: 1px solid #0000ff;
}

.maindesc
{
	margin-bottom: 8px;
	color: #000000;
}

.step1 {
	background-color: #F6F6F6;
}

.step2 {
	background-color: #E6EAF1;
}

.step3 {
	background-color: #D6DEEC;
}

.order {
	text-align: center;
}

/* set millions of background images */
.rbroundbox { background-color: #D6DEEC; }
.rbtop div { background: url(Images/tl.gif) no-repeat top left; }
.rbtop { background: url(Images/tr.gif) no-repeat top right; }
.rbbot div { background: url(Images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(Images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; PADDING: 8px; }
.rbroundbox { margin: 1em auto; margin-top:0; margin-left: 1em; }

.button {
	color: #000000;
	font: 14pt arial, sans-serif;
	font-weight: bold;	
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #ffcc00;
	border-bottom: 2px solid #ffaa33;
	border-right: 2px solid #ffaa33;
	border-left: 1px solid #ffffcc;
	border-top: 1px solid #ffffcc;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 5px;
	cursor: pointer;
}

a.buttonlink {
	text-decoration: none;	
	color: #0000aa;
}

a.buttonlink:hover {
	text-decoration: underline;	
}

.callout {
  background-color: #ffc;
  border: 1px dotted blue;
  padding: 3px;
  margin: 2px;
}