/* default.css */

body {
	font: 13px Arial,Sans-serif;
	margin: 0;
	padding: 0;
	/*background: #f2f2f2 url(../images/background.gif) top left repeat-x;*/
	background-color: #ddd;
	color: #333;
}

a { color: #339999; }

/* reset to fix margin/padding quirks between browsers */
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.15em; }
h5 { font-size: 1em; }
h6 { font-size: .875em; }

ul { margin: 1em 0 1em 3em; padding: 0 0 0 0; }
p { margin: 1em 0; padding: 0; }

table th, table td { vertical-align: top; }

#content form table tr td { padding: 0 0 .5em 0; }
#content form table tr td p { margin: 0; }
#content form table tr td p label { font-weight: normal; }

form table tr td label { padding-right: 1em; }
input.btn { font-weight: normal; font-size: 1.4em; vertical-align: middle; /*background: #ABABAB url(../images/btnbg.gif) top left repeat-x;*/ }

label { cursor: pointer; font-weight: bold; color: #333; }
label.normal { font-weight: normal; }

form #categories, form #categories ul, form #categories li {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
}
form #categories {
	width: 450px;
}
form #categories li {
	float: left;
	width: 150px;
}
form #categories li label {
	font-weight: normal;
}
/* default scheme */
.box { border: 1px solid #eee; background: #f7f7f7; padding: 1em; }
.error { color: #B02D2B; }
div.error { border: 1px solid; background: #f9f9f9; margin: 1em 1.3em; padding: 1em; }
.success { color: #3E892E; }
div.success { border: 1px solid; background: #f9f9f9; margin: 1em 1.3em; padding: 1em; }
.msg { color: #399; }
div.msg { border: 1px solid; background: #f9f9f9; margin: 1em 1.3em; padding: 1em; }

.right { text-align: right; }
.center { text-align: center; }
.left { text-align: left; }
.centermargins { margin: 0 auto; }
.clear { clear: both; }
.fullestwidth { width: 100%; }
.fullwidth { width: 94%; }

.gray { color: gray; }
.gray label { color: gray; }
.highlight { background-color: #ee8; }

hr {
	border: none;
	border-top: 1px solid #ccc;
	height: 0;
	margin: 1.67em 0;
}


/* TinyMCE */
#content form .mceToolbar table { margin: 0 2px; padding: 0; }
#content form .mceToolbar table tr { margin: 0; padding: 0; }
#content form .mceToolbar table tr td { margin: 0; padding: 0; }
#content form table table { margin: 0; padding: 0; }#main_wrapper {
	width: 1000px;
	border: 1px solid #3985A3;
	border-width: 0 1px 1px 1px;
	margin: 0 auto;
	background: #f2f2f2 url(../images/background.gif) top left repeat-x;
	padding-bottom: 20px;
}

#header {
	color: #fff;
	height: 106px;
	overflow: hidden;
	position: relative;
	margin: 0;
}

#header a { color: #fff; }

#header h1 {
	margin: 0;
	padding: 0;
	background: url(../images/rippleadmin_logo.gif) top left no-repeat;
	text-indent: -9999px;
	height: 106px;
	width: 320px;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
}

/* nav */
#header ul#primarynav {
	display: block;
	font-size: 16px;
	list-style: none;
	margin: 0;
	position: absolute;
	z-index: 100;
	bottom: 0;
	right: 16px;
}

#header ul#primarynav li {
	float: left;
}

#header ul#primarynav li a {
	display: block;
	padding: .5em 1em;
	margin: 0 0 0 .3em;
	font-weight: bold;
	text-decoration: none;
}

#header ul#primarynav li a:hover {
	background: #7cadc0;
}

#header ul#primarynav li.active a {
	background: #d6e2e7;
	color: #245162;
	color: #245162;
}/* content.css */

#content {
	clear: both;
	padding: 1.3em 1.3em 4em;
	margin: 1em 24px 0;
	background: #fefefe;
	border: 1px solid #ccc;
}

#content h2 {
	font-weight: normal;
	font-weight: bold;
	font-size: 24px;
	font-family: Arial, Helvetica, Sans-Serif;
	letter-spacing: -.042em;
	margin: 0 0 .67em 0;
	padding: 0;
	color: #B05E2B;
	color: #3E892E;
}

#content h3 {
	letter-spacing: -.042em;
	border-bottom: 1px solid #d0d0d0;
	margin: 0 1em 0 0;
	color: #3863A3;
}

#content h3 label { color: inherit; }

#content p {
	padding: 0;
	margin: 1em 0;
}

/* Columns if you want them */
#main {
	float: left;
	width: 73%;
}

#sidebar {
	margin: 0 0 0 75%;
}

#columns7030-1 {
	float: left;
	width: 79%;
}

#columns7030-2 {
	float: left;
	width: 28%;
	margin: 0 0 0 1em;
}

#c1 {
	float: left;
	width: 32%;
	border-right: 1px solid #cfcfcf;
}

#c2 {
	float: left;
	width: 32%;
	margin: 0 1em;
	border-right: 1px solid #cfcfcf;
}

#c3 {
	float: left;
	width: 32%;
}


/* Tables of Data */
table.data {
	border-collapse: collapse;
}

table.data tr th {
	font-weight: bold;
	font-size: 1.15em;
	color: #3863A3;
	padding: .3em 2em .3em 0;
	border-bottom: 1px solid;
	text-align: left;
}

table.data tr td {
	vertical-align: top;
	padding: .3em 1em .3em 0;
	line-height: 1.67em;
	border-bottom: 1px solid #c9c9c9;
}

table.data tr.stripe {
	background: #f0f0f0;
}

/* Dashboard */
#content div.widget {
	float: left;
	margin: 0 1em 1em 0;
	border: 1px solid;
	padding: 1em;
}

#content div.widget big {
	display: block;
	background: #3A86A4;
	color: #fff;
	margin: -.8em -.8em .3em -.8em;
	padding: .3em;
	text-align: center;
	border-bottom: 1px solid #333;
}

#content div.widget p {
	margin: 0;
	padding: 0;
}

#content .modulepreview {
	border: 1px solid #ddd;
	background: #eee;
	margin: .75em;
	padding: 1em;
	width: 16em;
	float: left;
}

#content table.data tr th span#atoz {
	background: url(/images/atoz.gif) top right no-repeat;
	padding: 0 10px 0 0;
}/* subnav.css */

#subnav {
	margin: 0 0 1em;
	color: #316e85;
	background: #d6e2e7;
	border-bottom: 1px solid #aaa;
	padding: .5em 1em;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#subnav a { color: #316e85; }

#subnav h3 { display: none; margin: 0; padding: 0; }

#subnav ul {
	display: block;
	list-style: none;
	margin: 0;
}

#subnav ul li {
	margin: 0;
	display: inline;
	padding: 0 .67em;
	border-left: 1px solid #aaa;
}

#subnav ul li:first-child { border: none; }

#subnav a { text-decoration: none; }
#subnav a:hover { text-decoration: underline; }

#useroptions {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 312px;
	top: 45px;
	color: #fff;
	font-size: 11px;
}

#useroptions a { color: #fff; }

#tertiarynav {
	margin: 0 24px;
	padding: .5em;
	border: .2em solid #d6e2e7;
	background: #fefefe;
	color: #316e85;
	font-size: 1.15em;
}

#tertiarynav strong {
	float: left;
}

#tertiarynav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#tertiarynav ul li {
	display: inline;
	border-left	: 1px solid #d6e2e7;
	padding: 0 .8em 0 1em;
}

#tertiarynav ul li:first-child {
	border-left: none;
}