/* Base styles */

/**
 * @todo Implement a generic table and moduleMid colour scheme
 */

/***********************
 * Generic form styles *
 ***********************/
fieldset.rp_form {
	/*padding: 10px 0 0 0;*/
	border: none;
	clear: both;
}
/* SP: h2 should not be used in a form, it is only for sub template headings */
h2.rp_h2 {
	margin: 10px 0px 5px 0px;
	clear:left;
	font-size: 18px;
	font-weight: bold;
}

label.rp_label {
 	clear:left;
	display: block;
	text-align: left;
	float: left;
	width: 180px;
	font-weight: bold;
}

input.rp_textfield {
	display: block;
	width: 210px;
	float: left;
	clear: right;
	margin-bottom: 10px;
}

input.rp_datefield {
	display: block;
	width: 180px;
	float: left;
	clear: right;
	margin-bottom: 10px;
}

select.rp_select {
	display: block;
	/*width: 180px;*/
	float: left;
	margin-bottom: 10px
}

textarea.rp_textarea {
	float: left;
	margin-top:4px;
	width:210px;
	height:100px;
	margin-bottom: 20px;
}

textarea.rp_textarea_large {
	float: left;
	clear: both;
	width: 390px;
	height: 120px;
	margin-bottom: 20px;
}

p.rp_item {
	float:left;
}

p.rp_error {
	display:block;
	clear:both;
	float:left;
	margin:5px 0 5px 0;
	width:420px;
	font-weight:bold;
	color:red;
}

p.rp_confirm {
	display:block;
	clear:both;
	float:left;
	margin:5px 0 5px 0;
	width:420px;
	font-weight:bold;
	color:green;
}

/*
 * New form styles
 */
 
div.formfield {
	padding-bottom:5px;
}

div.formfield span.label {
	display:-moz-inline-box;
	display:inline-block;
	width:180px;
	vertical-align:top;
	font-weight:bold;
}

div.formfield span.mandatory {
	font-weight: bold;
	color: #FF0000;
}

div.formfield label.rp_label {
	/* Begin reset styles */
 	clear: none;
	display: inline;
	float: none;
	width: auto;
	/* End reset styles */
	text-align: left;
	font-weight: bold;
}

div.formfield span.label div {
	display:block;
	width:180px;
}

div.formfield span.field {
	display:-moz-inline-box;
	display:inline-block;
	width:210px;
	vertical-align:top;
}

div.formfield span.field div {
	display:block;
	width:210px;
}

div.formfield span.fieldwide {
	display:-moz-inline-box;
	display:inline-block;
	width:390px;
	vertical-align:top;
}

div.formfield span.fieldwide div {
	display:block;
	width:390px;
}


div.formfield span.help {
	display:-moz-inline-box;
	display:inline-block;
	width:25px;
	vertical-align:top;
}

div.formfield span.help div {
	display:block;
	width:25px;
}

div.formfield span.twocol {
	display:-moz-inline-box;
	display:inline-block;
	width:211px;
	vertical-align:top;
	/*border:1px solid red;*/
}

div.formfield span.right {
	text-align:right;
}

/* div.formfield input.rp_submit */
div.formfield span.twocol input.rp_submit {
	/* Begin reset styles */
	clear: none;
	display: inline;
	float: none;
	margin-top: 0px;
	/* End reset styles */
	width: 200px;
}


/*
 * Checkboxes
 */
div.rp_checkboxes {
	margin-top: 25px;
	margin-bottom: 25px;
}

label.rp_checkbox_label {
 	clear:left;
	display: block;
	text-align: left;
	float: left;
	width: 130px;
	height: 5px;
	padding-right: 20px;
	font-weight: bold;
}

input.rp_checkbox {
	float: left;
	margin-bottom: 15px;
	margin-left: 180px;
	clear:left;
}

label.rp_checkbox_value {
	float: left;
	clear: none;
	font-weight:normal;
	width: 200px;
	margin-left: 10px;
}

/*
 * Radio buttons
 */
div.rp_radio_buttons {
	padding-top: 10px;
	padding-bottom: 10px;
}

label.rp_radio_label {
 	clear:left;
	display: block;
	text-align: left;
	float: left;
	width: 130px;
	height: 5px;
	padding-right: 20px;
	font-weight: bold;
}

input.rp_radio_button {
	float: left;
	margin-bottom: 5px;
	margin-left: 180px;
	clear:left;
}

label.rp_radio_value {
	float: left;
	/*clear: none;*/
	font-weight:normal;
	/*width: 200px;*/
	margin-left: 10px;
}

img.rp_question {
	float: left;
	margin-left: 10px;
}

span.rp_question {
	font-weight: bold;
	float: left;
	margin-left: 10px;
	font-weight: bold;
	font-size: 1.8em;
}

input.rp_submit {
	display:block;
	clear:both;
	margin-top:15px;
	width:200px;
	float:right;
}

input.rp_back {
}

/*************************/

/*************************
 *       Modules         *
 *************************/
.bigModuleTop{
	background:url(/template/assets/modules/big-top.gif) no-repeat bottom;
	width:695px;
	height:20px;
	float:left;
	clear:both;
}
.bigModuleMid{
	background:url(/template/assets/modules/big-mid.gif) repeat-y;
	width:695px;
	float:left;
}
.bigModuleBot{
	background:url(/template/assets/modules/big-bot.gif) no-repeat top;
	width:695px;
	height:29px;
	float:left;
}
.smallModuleTop{
	background:url(/template/assets/modules/small-top.gif) no-repeat bottom;
	width:485px;
	height:20px;
	float:left;
	clear:both;
}
.smallModuleMid{
	background:url(/template/assets/modules/small-mid.gif) repeat-y;
	width:485px;
	/* SP: deleted
	padding-left:30px;
	padding-right:12px;
	*/
	float:left;

}
.smallModuleBot{
	background:url(/template/assets/modules/small-bot.gif) no-repeat top;
	width:485px;
	height:29px;
	float:left;
}
.smallModuleTabTop{
	background:url(/template/assets/modules/small-tab-top.gif) no-repeat bottom;
	width:485px;
	height:18px;
	float:left;
	clear:both;
}
/********************
 *  Module content  *
 ********************/

div.moduleContent {
	position:relative;
	left:30px;
}

div.bigModuleContent {
	width:635px;
}

div.smallModuleContent {
	width:425px;
}

div.moduleContent a {
	/* color:#077AB0; */
}

div.moduleContent h2 {
	font-size:1.8em;
}

div.moduleContent h3 {
	font-size:1.6em;
}

div.moduleContent strong, div.moduleContent h2, div.moduleContent h3, div.moduleContent h4, div.moduleContent th {
	font-weight:bold;
}

div.moduleContent h2, div.moduleContent h3, div.moduleContent h4 {
	margin-bottom:10px;
}

div.moduleContent p, div.moduleContent table {
	margin:5px 0 5px 0;
}

div.pagin ul li {
	font-weight: bold;
	background:none;
	padding:0;
	margin-left:0;
	margin-right:4px;
	margin-bottom:3px;
	margin-top:3px;
}


div.moduleContent  table.userdata {
	border-collapse:separate !important;
}

div.moduleContent table.userdata a {
	text-decoration:none;
}

div.moduleContent table.userdata th {
	background-color:#75A6C7;
	border-bottom:1px solid #FFFFFF;
	border-top:4px solid #AABCFE;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px;
	text-align:left;
	font-size:1em;
}

div.moduleContent table.userdata tr:hover td {
	background:#D0DAFD;
	color:#333399;
}

div.moduleContent table.userdata td {
	background-color:#DFE6FF;
	border-bottom:1px solid #FFFFFF;
	color:#077AB0;
	padding:5px;
}

div.moduleContent table.userdata td.alt {
	background-color:#E8EDFF;
	color:#077AB0;
}

/*
div.moduleContent table{
	border-collapse:collapse;
	/*float:left;* /
}

div.moduleContent caption{
	text-align:left;
	margin-bottom:5px;
}

div.moduleContent th {
	color:#ffffff;
	font-weight:bold;
	background-color:#077AB0;
	padding:5px;
	text-align:left;
}

div.moduleContent td {
	background-color:#D7F2FD;
	color:#077AB0;
	padding:5px;
}

div.moduleContent td.alt{
	background-color:#ffffff;
	color:#077AB0;
}
*/

/* My Account */
div#myaccount {
	margin-bottom:20px;
	padding-bottom:20px;
	position:relative;
}
div#myaccount h3 {
	font-size:1.4em;
	font-weight:bold;
}
div#myaccount ul {
	margin-top:10px;
}
div#myaccount ul li {
	float:left;
	width:170px;
	padding-bottom:10px;
	margin:0px 0px 0px 30px;
	background:url("/assets/icons/bullet-point2.gif") 0px 5px no-repeat;
	padding-left:20px;
}
div#myaccount ul li strong {
	display:block;
	font-size:1.2em;
	font-weight:bold;
	color:#0A7CB2;
}