/*LAYOUT *********************************************************************/
*{
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6, pre, table, div{
	height:100%;
}
p{
	margin-bottom:20px;	
}
body{
	background-image:none;
	margin:10px 0 10px;
}
pre, .pre, h6{
	width:90%;
}
div.textarea{
	margin:-1px 0 10px;
}
#mainWrap{
	margin:0 auto;
	width:800px;
}
#header{
	margin:0;
	height:60px;
	background-color:#58f;
	background-image:url(/rp/static/img/headerFade.png);
}
#header .c{
	height:50px;
	overflow:hidden;
}
#header h1{
	border:0;
	height:40px;
	font-size:40px;
	line-height:40px;
}
#nav{
	padding:3px;
	height:17px;
}
#nav ul{
	display:block;
	list-style:none outside none;
}
#nav li{
	float:left;
	padding:0 5px 0 5px;
	border-right:1px solid;
}
#sideNav{
	float:left;
	width:140px;
}
.noSideNav #sideNav{
	display:none;
}
.wide #sideNav{
	width:180px;
}
.sideNavRight #sideNav{
	float:right;
}
#sideNav ul{
	list-style:none outside none;
	margin:10px;
	margin-right:0;
	border-top:1px dotted;
}
.sideNavRight #sideNav ul{
	margin:10px;
	margin-left:0;
}
#sideNav li{
	border-bottom:1px dotted;
}
#content{
	margin:140px;
	margin-top:0;
	margin-bottom:0;
	padding: 15px;
}
.wide #content{
	margin:180px;
	margin-top:0;
	margin-bottom:0;
}
.sideNavRight #content, .noSideNav #content{
	margin-left:0;
}
.sideNavLeft #content, .noSideNav #content{
	margin-right:0;
}
#content ul{
	margin:0 0 5px 40px;
}
#content ol{
	list-style:decimal inside none;
	margin-right:20px;
	margin-left:20px;
	margin-bottom:5px;
}
#content ol li{
	margin-bottom:7px;
}
#footer{
	margin:0;
	font-size: .75em;
	font-style: italic;
}
#footer .c{
	padding-left:10px;
}


/*CONTAINERS *****************************************************************/
div.comment{
	padding:5px;
	margin-bottom:5px;
}
div.comment1{
	border:3px solid;
	padding:5px;
	margin-bottom:5px;
}
div.comment2{
	border:3px solid;
	border-width:3px 0 0 0;
	padding:5px;
	margin-bottom:5px;
}

/*FORMS **********************************************************************/
form{
	background-repeat: repeat-y;
	padding:5px;
	margin-bottom:5px;
}
form table{
	width:auto;
	border-collapse:collapse;	
}
form table td{
	padding:0 0 5px 5px;	
}
form input, form textarea{
	border:1px solid;
	padding:1px;
}
form.thin input, form.thin textarea{
	width:100px;
}
form input, form textarea{
	width:200px;
}
form.wide input, form.wide textarea{
	width:350px;
}
.button, button, form.wide button, form.wide .button{
	width: auto;
	border:2px outset;
	padding:1px 5px 2px 5px;
	background-image:url(/rp/static/img/hgradSmallFull.png);
	background-repeat:repeat-x;
	cursor:pointer;
	} * html input.button, * html button {
	border:1px outset;
	padding:0;
	height:1.8em;
}

/*GRADIENTS ******************************************************************/
.hgradSmallCE{
	background-image:url(/rp/static/img/hgradSmallCE.png);
	background-repeat: repeat-x;
}
.hgradSmall{
	background-image:url(/rp/static/img/hgradSmall.png);
	background-repeat: repeat-x;
}
.hgradMedium{
	background-image:url(/rp/static/img/hgradMedium.png);
	background-repeat:repeat-x;
}
.hgradLarge{
	background-image:url(/rp/static/img/hgradLarge.png);
	background-repeat:repeat-x;
}
.vgradSmall{
	background-image:url(/rp/static/img/vgradSmall.png);
	background-repeat: repeat-y;
}
.vgradMedium{
	background-image:url(/rp/static/img/vgradMedium.png);
	background-repeat:repeat-y;
}
.vgradLarge{
	background-image:url(/rp/static/img/vgradLarge.png);
	background-repeat:repeat-y;
}


/*TABLES *********************************************************************/
table{
	width:100%;
	margin-bottom:5px;
}
table.collapse, table.plain{
	border-collapse: collapse;
}
table tr.title{
	font-weight:bold;
}
table td{
	vertical-align:top;
	padding:1px 2px 1px 2px;
}
table.col2 td{width:50%;}
table.col3 td{width:33%;}
table.col4 td{width:25%;}
table.col5 td{width:20%;}
table.plain td{
	padding:0;
	padding-left:5px;
}
table.plain td.firstCol{
	padding:0;
}

/*TEXT ***********************************************************************/
body, form textarea, form input{
	font-family:Arial;
	font-size:14px;
}
#sideNav{
	font-size:12px;	
}
h1{
	font-size:1.8em;
	border-bottom:2px solid;
	margin-bottom:5px;
	padding:0 3px 2px;
}
h2{
	font-size:1.3em;
	border-bottom:2px solid;
	margin-bottom:5px;
	padding:0 3px 2px;
}
h3{
	font-size:1.3em;
	margin-bottom:3px;
}
h4{
	font-size:1.2em;
	margin-bottom:3px;
}
h5{
	font-size:1em;
	margin:0 20px 0 20px;
}
h6{
	font-size:1em;
	margin-left:20px;
	border:1px solid;
	border-bottom:0;
	padding-left:5px;
}
code, pre, .pre{
	font-family: courier, serif;
	font-size:.9em;
}
pre, .pre{
	margin-left:20px;
	margin-bottom:25px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	border:1px solid;
	background-image:url(/rp/static/img/hgradSmallCE.png);
	background-repeat:repeat-x;
	background-position:top;
	overflow-x:scroll;
}
* html .pre{
	background-attachment:fixed;	
}
pre.noScroll, .pre.noScroll{
	padding-top:10px;
	padding-bottom:10px;
}
p{
	margin-bottom:15px;
}
p.border{
	padding:5px;
}
p.textright{
	text-align:right;
}
p.justify{
	text-align:justify;
}
p.h5, div.h5 p{
	margin:0 20px 25px 20px;
}

/*IMAGES *********************************************************************/
img{
	border:0;
	margin:10px;
	margin-top:0;
}

/*GENERIC CLASSES ************************************************************/
.left{
	float:left;
	margin-left:0;
}
.right{
	float:right;
	margin-right:0;
}
.center{
	text-align:center;	
}
.clear{
	display:block;
	clear:both;	
}
.bold{
	font-weight:bold;
}
.italic{
	font-style:italic;	
}
.border, .borderDark{
	border:3px solid;
}
.noYMargin{
	margin-top:0;
	margin-bottom:0;	
}
.noXMargin{
	margin-left:0;
	margin-right:0;
}
.indent{
	margin-left:40px;
}
.inset{
	margin-left:40px;
	margin-right:40px;
}
.insetLarge{
	margin-left:120px;
	margin-right:120px;
}
.noScroll{
	overflow:hidden;	
}
.notice{
	border:1px solid;
	margin-left:40px;
	margin-right:40px;
	padding-left:3px;
	padding-right:3px;
}

/*LINKS **********************************************************************/
#nav a{
	font-weight:bold;
	text-decoration:none;
}
#content a{
	text-decoration:none;	
}
#sideNav a{
	display:block;
	width:100px;
	padding:1px;
	padding-left:3px;
	text-decoration:none;
}
#sideNav a:hover{
	background-image:url(/rp/static/img/vgradLarge.png);
	background-position:-50px;
}

/*ROUNDED BOXES **************************************************************/
.gray .t, .gray .b, .gray .b b, .gray .t b{
	height:10px;
	background-image:url(/rp/static/img/rounded_gray.png);
}
.gray .c{
	border-width:3px;
}

.graySolid .t, .graySolid .b, .graySolid .b b, .graySolid .t b{
	height:10px;
	background-image:url(/rp/static/img/rounded_graySolid.png);
}
.graySolid .c{
	border-width:2px;
}

.lightSolid .t, .lightSolid .b, .lightSolid .b b, .lightSolid .t b{
	height:10px;
	background-image:url(/rp/static/img/rounded_lightSolid.png);
}
.lightSolid .c{
	border-width:2px;
}

.dark .t, .dark .b, .dark .b b, .dark .t b{
	height:5px;
	background-image:url(/rp/static/img/rounded_dark.png);
}
.dark .c{
	border-width:2px;
}

.header .t, .header .b, .header .b b, .header .t b{
	height:10px;
	background:url(/rp/static/img/header.png);
}
.header .c{
	border:0;
}

/*SHARED ROUNDED BOX CSS *****************************************************/
.round{
	margin-bottom:5px;
}
.round .c{
	padding:0 5px 0 5px;
	border-top:0;
	border-bottom:0;
	border-style:solid;
}	
.round .t, .round .b, .round .t b, .round .b b{
	display:block;
	overflow:hidden;
}
.round .t b, .round .b b{
	float:right;
	width:50%;
}
.round .t .r{
	background-position:top right;
}
.round .b .r{
	background-position:bottom right;
}
.round .b{
	background-position:bottom left;
}
.round .br{
	clear:both;
	display:block;
	overflow:hidden;
	height:0;
}
.hideBottom .b{
	display:none;
}
.hideTop .t{
	display:none;
}


/*TEXT COLORS ****************************************************************/
a{
	color:#26a	
}
a:hover{
	color:#138	
}
#header, .dark .c, .dark h1{
	color: #fff;
}
form input, form textarea, #nav a, #content table tr.odd a{
	color: #555;
}
button, form input.button{
	color:#012;
}
button:hover, input.button:hover, #nav a:hover, #content table tr.even a:hover{
	color:#000;
}
body, #content table tr.odd a:hover, #content table tr.even a, #sideNav a, a.button:hover{
	color: #121;
}
#nav a, #footer{
	color: #655;
}

/*BACKGROUND COLORS **********************************************************/
body{
	background-color: #c2dcce;
}
#mainWrap, #nav, #content, .gray .c{
	background-color: #fff;
}
form, tr.odd, pre, .pre, code{
	background-color: #eee;	
}
form input, form textarea{
	background-color: #f9f9f9;
}
button, .button{
	background-color: #456;
}
table.borders{
	background-color: #444;
}
tr.title, tr.even, h6{
	background-color: #ccc;
}
.graySolid .c{
	background-color: #678;
}
.lightSolid .c{
	background-color: #cfcfcf;
}
.dark .c{
	background-color: #222;
}
.notice{
	background-color: #fffff1;	
}


/*BORDER COLORS **************************************************************/
div.comment1, div.comment2, form input, form textarea, h1, h2, h6, pre, .pre, .border{
	border-color:#bdb;
}
#nav li{
	border-color:#ddd;
}
#sideNav ul, #sideNav li, .gray .c{
	border-color:#ccc;	
}
button, .button{
	border-color:#456;
	}* html .button, * html button{
	border-color:#abc;
}
.borderDark, .lightSolid h1, .lightSolid  h2, .lightSolid  h6, .graySolid .c{
	border-color:#676;
}
.lightSolid .c{
	border-color:#cfcfcf;
}
.dark .c, .notice{
	border-color:#222;
}