/*
Theme Name: Club Marine Insurance
*/

header,nav,article,footer,section,aside,figure,figcaption { display:block; }

/* main elements */


.navigation{
    overflow:hidden;
    width:100%;
    text-align:justify;
}
.navigation .next{float:right;}
.navigation .prev{float:left;}


#commentform #author, #commentform #email, #commentform #url
{
    width: 260px;
}

#searchform fieldset, #commentform fieldset
{
    border:none;
}

.cpy span {
    background: url(images/sep2.gif) no-repeat scroll 0 3px transparent;
    list-style: none outside none;
    padding: 0 15px 0 19px;
}

.cpy {
    display: inline;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
}

#footer{
    text-align: center;
    height: 14px;
}

.list{
    display: inline;
}

.lft .send-form{
    float:left !important;
}

/* NICB - Course Related Customisations */

div.content {margin-top:10px;}

button.btnBookNow {padding:5px;}

table#sycbacms_courseListing {
	margin-top:0px;
	width:100%;
	border:none;
	background: #666666;
}
table#sycbacms_courseListing td, table#sycbacms_courseListing th, table#sycbacms_courseListing tr {
    border: none;
}
table#sycbacms_courseListing th {
    text-align: left;
    color: #FFF;
}
table#sycbacms_courseListing td {
   font-size: 11px;
   color: #ccc;
}
table#sycbacms_courseListing td a {
    color: #ccc;
}


div#sycbacms_courseDetails {position:relative;}

ul.courseDetails_itemised ul {
    margin:5px 0px 5px 20px!important;
    list-style-type:none!important;
}

ul.courseDetails_itemised li li {
    list-style-type:none;
}

div#sycbacms_courseDetails button.btnBookNow {
	position:absolute;
	top:0px;
	right:0px;
}

#content #message {
	margin-top:20px;
	padding:10px;
	overflow:hidden;
}

#content #message.error {
	border:1px solid #f66061;
	background-color:#f9d9da;
}

#content #message p {
	margin:0px!important;
}

#content #message.error p {color:#f66061;}

#content form.sycbacms_form p.controlNote {
	margin:5px 0px 0px 0px;
	font-size:0.85em;
	line-height:1.2em;
	color:#999999;
}

#content form.sycbacms_form p.controlNote a {
	color:#999999;
}

#content form.sycbacms_form table {
	border-collapse:collapse;
	border:none;
	width:100%;
}

#content form.sycbacms_form table .label {width:230px; vertical-align:top; padding-top:15px;}

#content form.sycbacms_form table tr.sycbacms_sectionDivider td {
	padding:30px 0px 10px 0px;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #dddddd;
}

#content form.sycbacms_form table tr.sycbacms_sectionDivider + tr > td {padding-top:20px;}
#content form.sycbacms_form table tr.sycbacms_sectionDivider + tr > td.label {padding-top:25px;}

#content form.sycbacms_form table td {
	padding:10px 0px 0px 0px;
	border:none;
	font-size:12px;
}
#content form.sycbacms_form table td table td {
    padding: 0;
}

#content form.sycbacms_form table td.control ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#content form.sycbacms_form table input,
#content form.sycbacms_form table select,
#content form.sycbacms_form table textarea {
	margin-bottom:0px;
}

#content form.sycbacms_form label {
	line-height:1.2em!important;
}

#content form.sycbacms_form input[type*="text"],
#content form.sycbacms_form textarea,
#content form.sycbacms_form select {
	padding:3px;
	border:1px solid #dddddd;
    font-family: inherit;
    font-size: inherit;
	background-color:#f9f9f9;
}

#content form.sycbacms_form tr.sycbacms_paymentOption > td {padding-top:20px;}
#content form.sycbacms_form table tr.sycbacms_paymentOption > td.label {padding-top:25px;}

#content form.sycbacms_form input[type*="text"] {width:300px;}
#content form.sycbacms_form td.twoControls input[type*="text"] {width:200px;}

#content form.sycbacms_form td.twoControls table {margin-bottom:0px;}
#content form.sycbacms_form td.twoControls table + p {margin-top:5px;}

#content form.sycbacms_form input[type*="submit"],
#content form.sycbacms_form input[type*="button"] {padding:5px;}

#content form.sycbacms_form tr.sycbacms_conditions label {
    vertical-align: bottom;
}

#content form.sycbacms_form tr.sycbacms_conditions table td {
    padding:10px 0px 0px 0px;
}

#content form.sycbacms_form tr#sycbacms_conditionsGroupA > td {
    padding-top: 17px;
}

#content form.sycbacms_form tr#sycbacms_conditionsGroupA table .c1,
#content form.sycbacms_form tr#sycbacms_conditionsGroupA table .c2,
#content form.sycbacms_form tr#sycbacms_conditionsGroupA table .c3 {
    width: 150px;
}

#content form.sycbacms_form tr#sycbacms_conditionsGroupA table .c4 textarea {
    width: 268px;
    height: 70px;
}

#content form.sycbacms_form tr#sycbacms_conditionsGroupB table .c2,
#content form.sycbacms_form tr#sycbacms_conditionsGroupB table .c3 {
    width: 50px;
    text-align: right;
}

#content form.sycbacms_form tr#sycbacms_conditionsGroupB table .c4 {
    padding-left: 10px;
}

#content div.courseInfo {
    width: 500px;
}

#content div.courseListing
{
    float: right;
	margin-top: -48px;
	padding-bottom: 10px;
    width: 250px;
	height: 600px;
	background: #5c5c5c url( "images/courseslisting_bg.gif" ) repeat-x 0 0;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#5c5c5c));
	background-image: -webkit-linear-gradient(top, #333333, #5c5c5c);
	background-image: -moz-linear-gradient(top, #333333, #5c5c5c);
	background-image: -ms-linear-gradient(top, #333333, #5c5c5c);
	background-image: -o-linear-gradient(top, #333333, #5c5c5c);
}

div.content > div.courseListing
{
	height: auto!important;
	min-height: 600px!important;
}

#content div.courseListing div.courseListing_header
{
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	background-color: #ffffff;
}

#content div.courseListing div.courseListing_header h2,
#content div.courseListing div.courseListing_header p
{
	margin: 0;
	color: #666666;
}

#content div.courseListing div.courseListing_header h2
{
	font-size: 20px;
	font-weight: bold;
}

#content div.courseListing div.courseListing_header p
{
	margin-top: 5px;
	font-size: 11px;
}

#content div.courseListing ul
{
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#content div.courseListing li
{
	float: left;
	margin: 0;
	padding: 5px;
	list-style-type: none;
}

#content div.courseListing ul.sycbacms_coursesListing_categories
{
	padding: 0 5px 0 5px;
	width: 240px;
}

#content div.courseListing ul.sycbacms_coursesListing_categories li
{
	width: 230px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

#content div.courseListing ul.sycbacms_coursesListing_categories li.sycbacms_category
{
	margin-top: 10px;
}

#content div.courseListing ul.sycbacms_coursesListing_courses
{
	margin: 5px -5px 0 -5px;
	width: 240px;
}

#content div.courseListing ul.sycbacms_coursesListing_courses li
{
	padding-bottom: 0;
	width: 230px;
	font-size: 12px;
	font-weight: normal;
	color: #cccccc;
}

#content div.courseListing ul.sycbacms_coursesListing_courses li.sycbacms_course
{
	position: relative;
}

#content div.courseListing ul.sycbacms_coursesListing_courses li a
{
	position: relative;
	z-index: 0;
	color: #cccccc;
}

#content div.courseListing ul.sycbacms_coursesListing_courses li a:hover
{
	font-weight: bold;
	text-decoration: none;
}

#content div.courseListing ul.sycbacms_coursesListing_courses li .course_startDate,
#content div.courseListing ul.sycbacms_coursesListing_courses li .course_startTime
{
	float: left;
}

#content div.courseListing ul.sycbacms_coursesListing_courses li .course_startDate
{
	width: 175px;
}

#content div.courseListing ul.sycbacms_coursesListing_courses li .course_startTime
{
	width: 55px;
	text-align: right;
}

#content div.courseListing ul.sycbacms_coursesListing_sessions
{
	clear: both;
	margin: 5px -5px 0 -5px;
	padding-bottom: 5px;
	width: 240px;
	border-radius: 3px;
	background-color: #cccccc;
}

#content div.courseListing ul.sycbacms_coursesListing_sessions_undocked
{
	position: absolute;
	z-index: 2;
	top: 0px;
	left: -70px;
	margin: 0;
	width: 310px;
	border-top: 5px solid #05adeb;
}

#content div.courseListing ul.sycbacms_coursesListing_sessions li
{
	width: 230px;
	color: #000000;
	background-color: #cccccc;
}

#content div.courseListing ul.sycbacms_coursesListing_sessions_undocked li
{
	width: 300px;
}

#content div.courseListing ul.sycbacms_coursesListing_sessions_undocked li:first-child
{
	padding-top: 0;
}

#content
	div.courseListing
	ul.sycbacms_coursesListing_sessions
	li.sycbacms_sessionsHeader
	{
		padding-top: 0;
	}

#content
	div.courseListing
	ul.sycbacms_coursesListing_sessions
	li.sycbacms_sessionsHeader
	.sycbacms_sessionsHeader_cap01
	{
		overflow: hidden;
		margin-left: -5px;
		margin-right: -5px;
		padding: 3px 5px 3px 5px;
		font-size: 13px;
		color: #ffffff;
		background-color: #05adeb;
	}

#content
	div.courseListing
	ul.sycbacms_coursesListing_sessions_undocked
	li.sycbacms_sessionsHeader
	.sycbacms_sessionsHeader_cap01
	{
		padding-top: 0;
	}

#content
	div.courseListing
	ul.sycbacms_coursesListing_sessions
	li.sycbacms_sessionsHeader
	.sycbacms_sessionsHeader_cap01
	a
	{
		display: block;
		float: left;
		color: #ffffff;
	}

#content
	div.courseListing
	ul.sycbacms_coursesListing_sessions
	li.sycbacms_sessionsHeader
	.sycbacms_sessionsHeader_cap01
	a:hover
	{
		font-weight: normal;
		text-decoration: underline;
	}

#content
	div.courseListing
	ul.sycbacms_coursesListing_sessions
	li.sycbacms_sessionsHeader
	.sycbacms_sessionsHeader_cap01
	span
	{
		clear: left;
		display: block;
		float: left;
		color: #ffffff;
	}

#content
	div.courseListing
	ul.sycbacms_coursesListing_sessions_undocked
	li.sycbacms_sessionsHeader
	.sycbacms_sessionsHeader_cap01
	span
	{
		clear: none;
		width: 195px;
		text-align: right;
	}

#content
	div.courseListing
	ul.sycbacms_coursesListing_sessions
	li.sycbacms_sessionsHeader
	.sycbacms_sessionsHeader_cap02
	{
		overflow: hidden;
		margin-left: -5px;
		margin-right: -5px;
		padding: 2px 5px 2px 5px;
		color: #ffffff;
		background-color: #044c87;
	}

#content div.courseListing ul.sycbacms_coursesListing_sessions li .session_startDate,
#content div.courseListing ul.sycbacms_coursesListing_sessions li .session_startTime
{
	z-index: 3;
	float: left;
	position: relative;
	background-color: #cccccc;
}

#content div.courseListing ul.sycbacms_coursesListing_sessions_undocked li .session_startDate
{
	width: 180px;
}

#content div.courseListing ul.sycbacms_coursesListing_sessions li .session_startTime
{
	clear: left;
}

#content div.courseListing ul.sycbacms_coursesListing_sessions_undocked li .session_startTime
{
	clear: none;
	width: 120px;
	text-align: right;
}