/* 
Custom Themeroller Theme Styles:

http://jqueryui.com/themeroller/#ffDefault=Arial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=703030&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=50&borderColorHeader=e3a1a1&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=eeeeee&fcContent=333333&iconColorContent=cc0000&bgColorDefault=eeeeee&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=100&borderColorDefault=d8dcdf&fcDefault=004276&iconColorDefault=cc0000&bgColorHover=f6f6f6&bgTextureHover=04_highlight_hard.png&bgImgOpacityHover=100&borderColorHover=cdd5da&fcHover=111111&iconColorHover=cc0000&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=65&borderColorActive=eeeeee&fcActive=703030&iconColorActive=703030&bgColorHighlight=fbf8ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcd3a1&fcHighlight=444444&iconColorHighlight=004276&bgColorError=f3d8d8&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=75&borderColorError=cc0000&fcError=2e2e2e&iconColorError=cc0000&bgColorOverlay=a6a6a6&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=65&opacityOverlay=40&bgColorShadow=333333&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=20&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px*/

/* Global */
body { font-family: Arial, Verdana; font-size: 0.9em; }
h2 {
	font-family: Arial, Verdana;
	font-size: 20px;
	color: #703030;
	margin: 10px 0 5px 0;
	font-weight: normal;
}
h3 {
	font-family: Arial, Verdana;
	font-size: 18px;
	color: #333;
	margin: 0 0 15px 0;
	font-weight: normal;
	text-decoration: underline;
}
.clear { clear: both; padding-top: 5px; }
.header { font-weight: bold; }
.info { border: 1px solid #999; padding: 5px; margin: 5px; background: #cfc; }
.error { border: 1px solid #999; padding: 5px; margin: 5px; background: #fcc; }
a.popup-info { text-decoration: none }

/* Layout */
body {
	background: #999;
	margin: 0px 50px 100px 50px;
	text-align: center;
	overflow: scroll;
}
div#wrapper {
	width: 800px;
	margin: 0 auto; /* centers page */
}
div#header {
}
div#content {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	width: 760px;
	background-color: #fff;
	padding: 20px;
}
div#footer {
	background: #703030;
	text-align: right;
	color: #fff;
	font-family: Arial;
	font-size: small;
	padding: 10px;
}

/* Navigation */
#right-nav {
	text-align: left;
	float: left;
	width: 200px;
	height: 230px;
	background: #703030;
}
#right-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#right-nav hr {
	background-color:#703030;
	border: 1px dotted #999;
	border-style: none none solid;
	width: 80%;
}
#menu {
	width: 160px;
	margin: 15px;
}
	
#menu li a {
	text-decoration: none;
}	
	
#menu li a:link, #menu li a:visited {
	color: #FFF;
	display: block;
	padding: 0 0 0 30px;
}
	
#menu li a:hover {
	color: #e5bc4d;
	padding: 0 0 0 30px;
}

/* JQuery UI CSS Framework */
.fg-button {
	/*outline: ;*/margin:0 4px 0 0; padding: .4em 1em;
	text-decoration:none !important; cursor:pointer;
	position: relative; text-align: center; /* zoom: 1; */
}
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:left; }
/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }
.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
/* solo icon buttons must have block properties for the text-indent to work */	
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 
.fg-buttonset { float:left; }
.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button, 
.fg-buttonset-multi .fg-button { margin-right: -1px;}
.fg-toolbar { padding: .5em; margin: 0;  }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }

/* Div Buttons */
div.button ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 30px;
}
div.button li {
	border: 1px solid #703030;
	list-style-type: none;
	height: 30px;
	width: 125px;
	margin: 20px;
	text-align:center;
}
div.button li a {
	height: 100%;
	width: 100%;
	display: block;
	text-decoration: none;
}
div.button li a:link {
	font-weight: bold;
    color: #000;
	background-color: #fcc;
}
div.button li a:hover {
    font-weight: bold;
    color: #000;
	background-color: #fdd;
}
div.button li a:active {
	font-weight: bold;
	color: #000;
	background-color: #f99;
}
