/*
** content layout.css 
** CSS - handles the layout grid
** Author: Steve TANGUE
** Date: 07.07.09
** Last edited: Geoff FRANKLIN 05.11.09 
*/


#logo_contentpage {
	width: 254px; height: 51px; 
	float:right;
	background-image:url(../img/qikkids_logo_contentpage.png);
	margin-top: -11px; margin-right: 10px;
	position:relative;
}
/* main */
#main {
	background-image:url(../img/main_menu_bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
/* content */
#content {
	width: 948px;height: auto; min-height: 386px;
	margin: 0 auto;
	margin-top:6px; padding-bottom: 70px;
}

.our_products_bg {
	height: 400px;
}
.content_bg {
	background-color:#fff;
	color:#fff;
}


/* content center */
#content_center{
	width: 706px;
	padding: 10px 0 0 15px;
	float:left; 
}
#content_center a {
	color:#0000FF;
}
#content_center ul{
	margin-top: 10px;
}
div#content_center ul li{
	line-height: 1.3em;
	list-style:disc;
	margin-left: 25px;
}
#content_center ol li{
	line-height: 1.3em;
	list-style:decimal;
	margin-left: 25px;
	}
	#content_center ol.videos li {
		background: url(../../../files/image/icon-video.png) no-repeat left top;
		padding: 3px 3px 10px 25px;
	}
#content_center p{
	line-height: 1.3em;
}
#content_center img {
	float:right;
	margin: 0 0 5px 5px;
}


/* breadcrumb */
#content_left_breadcrumb {
	width: auto;
	float:left;
	margin-top: 6px;
	margin-bottom: 10px;
	margin-left: 18px;
}
#content_left_breadcrumb ul li {
	float:left;
	margin-right: 5px;
	list-style:none;
	margin-left: 0;
}
#content_left_breadcrumb a, #content_left_breadcrumb span {
	font-size: 10px;
	position: relative;	
}
#content_left_breadcrumb a.selected  {
	font-weight: bold;
	color:#000;
}
#logout_bar a{
	padding-bottom: 2px;
	position:relative;
}

/* content left menu */
div#content_left_menu {
	width:225px; height: auto; min-height:400px;
	background-image:url(../img/left_menu_bg.jpg);
	background-repeat:no-repeat;
	float: left;
}
#content_left_menu ul  {
float:left; padding: 0; border:0px solid red;
margin:0;
}
#content_left_menu ul li {
float:left;padding: 0; border:0px solid red;
margin:0;

}
#content_left_menu ul li a {
	width: 200px; height: 24px;
	float:left;
	font-size: 12px;
	padding: 10px 5px 2px 20px;
	position: relative;
	z-index:0;
	display:block;
	border-bottom: 1px solid #ddd; 
}
#content_left_menu ul ul li a {
	width: 180px; height: 24px;
	float:left;
	font-size: 11px;
	padding: 10px 5px 2px 35px;
	border-bottom: 1px solid #ddd;
	position: relative;
	z-index:0;
	display:block; 
}
#content_left_menu ul ul ul li a {
	width: 165px; height: 24px; 
	font-size: 10px;
	position: relative;
	z-index:0;
	display:block;
	padding: 10px 5px 2px 50px;
	border-bottom: 1px solid #ddd;
}

#content_left_menu ul li a:hover  {
	color: #000;
}

#content_left_menu ul ul ul ul li a {
	width: 138px; height: 26px;  
	padding: 10px 5px 0px 45px;
}


/* our products bg */
.our_products_bg {
	background-image:url(../img/our_products_bg.jpg);
	background-repeat:repeat-x;
	height: 360px;
}
/* member portal bg */
.member_portal_bg {
	background-image:url(../img/member_portal_bg.jpg);
	background-repeat:no-repeat;
	height: 360px;
}
.member_portal_login_box_bg {
	width: 384px; height: 182px;
	background-image:url(../img/login_box_bg.png);
	background-repeat:no-repeat;
	float:left; 
	margin: 9% 0 0 28%;
	padding: 15px 20px 20px 20px;
}
* html .member_portal_login_box_bg {
	margin: 8.5% 0 0 14%;
}
#content_center .members_news_img {
	width:124px; height:78px;
	border:1px solid #ccc; 
	background-color:#eee; 
	padding: 5px; 
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#content_center .members_news_date {
float:right;
color:#999;
font-size: 10px;
}
#content_center .members_news_link {
font-size:10px;
}

.news_title {
	float:left;
	
margin-bottom: 5px;
}
.news_title a {
font-size: 11px;
}
.news_articles_wrapper {
	height: 175px;
	overflow:auto;
	padding-right: 5px;
	margin-bottom: 10px;
	/*overflow-y:scroll;*/
	scrollbar-3dlight-color:#fff;
	scrollbar-arrow-color:#0F407B;
	scrollbar-base-color:#ff6347;
	scrollbar-darkshadow-color:#fff;
	scrollbar-face-color:#E3E2EA;
	scrollbar-highlight-color:#ddd;
	scrollbar-shadow-color:#aaa;
}
/* bottom bar */
#bottom_bar {
	width: 948px; height: 128px;
	padding: 10px 0;
	margin: 0 auto;
}
#bottom_bar span {
	width: 160px;
	color: #ccc;
	font-size: 10px;
	text-align:right;
	float:right;
	margin-bottom: 6px;
	line-height: 1.1em;
}
.bottom_left_box {
	width: 215px; height: 108px;
	background-image:url(../img/bottom_left_box_bg.jpg);
	background-repeat:no-repeat;
	color:#fff;
	padding: 10px;
	float:left;
}
.bottom_left_box a,.bottom_right_box {
	padding-bottom: 2px; 
	position:relative;
}
.bottom_right_box {
	width: 215px; height: 108px;
	background-image:url(../img/bottom_right_box_bg.jpg);
	background-repeat:no-repeat;
	color:#fff;
	padding: 10px;
	float:left;
}

.bottom_middle_box {
	width:450px; height: 108px;
	background-image:url(../img/bottom_middle_box_bg.jpg);
	background-repeat:no-repeat;
	color:#fff;
	padding: 10px 10px 10px 0px;
	float:left;
	margin: 0 8px;
}
.bottom_middle_box h1, .bottom_middle_box p{
margin-left: 15px; 
}
a.bottom_middle_button {
	width:207px; height: 34px;
	background-image:url(../img/bottom_middle_button_bg.png);
	background-repeat:no-repeat;
	color:#fff;
	float:left;
	text-align:center;
	font-size: 12px;
	font-weight:bold;	
	padding: 18px 0 0 0;
	margin: 4px 0px 6px 15px;
}
a:hover.bottom_middle_button {
	text-decoration:none;
	background-image:url(../img/bottom_middle_button_bg_over.png);
}

/* bottom member portal box */
.bottom_member_box {
	width: 290px; height: 108px;
	background-image:url(../img/bottom_member_box_bg.jpg);
	background-repeat:no-repeat;
	color:#fff;
	padding: 10px;
	margin: 0 0px 0 0; 
	cursor:pointer;
}
a:hover.bottom_member_box {
text-decoration:none;
}
.bottom_member_box h1 {
	width: 196px;
	float:left;
	font-weight:normal;
	padding-bottom: 2px;
}
#bottom_bar .bottom_member_box span {
	width: 196px;
	float:left;
	text-align:left;
	line-height: 1.1em;
}
#bottom_bar .bottom_member_box em {
font-style:normal;
}
.bottom_member_box p {
	/*margin-bottom: 2px;
	width: 196px;
	float:left;*/
}
#forum_img {
	width: 92px; height: 76px;
	float:right;
	background-image:url(../img/qikcoursebooking_img.png);
	background-repeat:no-repeat;
}

#qikcoursebooking_img {
	width: 92px; height: 76px;
	float:right;
	background-image:url(../img/forum_img.png);
	background-repeat:no-repeat;
}
.text_wrapper {
	width: 190px; height: 65px;
	float:left;
}
.poll_options {
	float: none;  clear:both;
	width: auto;
	margin-top: 4px;
	margin-left: 25px;
	list-style:circle;
	font-size: 10px;
	color: #ccc;
	line-height: 1.3em;
}
.poll_options li {

}

/* menu link selected | main menu | footer menu | left side menu */
#footer a.selected{
	/*background-image:url(../img/left_menu_bg_selected.jpg);
	background-color:#fff;*/
	background-repeat:no-repeat;
	font-weight: bold; 
	color: #000;
	cursor: default;
}
#content_left_menu ul ul li.selected a{
	background-repeat:no-repeat;
	color: #000;
	cursor: default;
}


a:hover.selected, #footer a:hover.selected, #content_left_menu li.selected a:hover{
	text-decoration:none;
}



/* TABLE STYLE */
#qikkids_table,
#content_center .qikkids_table {
	width: 100%;
	border-left:1px solid #ddd;	
	border-top:1px solid #ddd;	
	margin-bottom:10px;
	line-height: 1.3em;
	table
}
#qikkids_table th,
#content_center .qikkids_table th {
	color: white;
	text-align: left;
	padding: 10px;
	background-color: #ddd; 
	background-image:url(../img/bg_header.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	border-bottom: 1px solid #fff;
}

#qikkids_table th.nobg,
#content_center .qikkids_table th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 0px solid #ddd;
	background: none;
}

#qikkids_table td,
#content_center .qikkids_table td {
	border-right: 0px solid #ddd;
	border-bottom: 0px solid #ddd;
	background: #fff;
	padding: 10px;
	color: #000000; 
}

#qikkids_table td.alt,
#content_center .qikkids_table td.alt {
	background-color:red;
	color: #797268;
}

#qikkids_table th.spec,
#content_center .qikkids_table th.spec {
	border-left: 1px solid red;
	border-top: 0;
	font: bold 10px, Verdana, Arial, Helvetica, sans-serif;
}

#qikkids_table tr.d0 td,
#content_center .qikkids_table tr.d0 td {
	background-color: white;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 6px 6px 6px 12px;
	color: #000000;
}
#qikkids_table tr.d1 td,
#content_center .qikkids_table tr.d1 td {
	background-color: #ECF1FF;
	background-image:url(../img/td_bg.jpg);
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 6px 6px 6px 12px;
	color: #000000;
}
#qikkids_table img.clear,
#content_center .qikkids_table img.clear {
	float: left;
	margin: 0;
	padding: 0 7px 0 0;
}


/* Demonstrations page */
#demo-videos { float: left;	width: 706px; }
	#demo-videos ul { float: right; margin: 0; }
		#demo-videos ul li.demo-videos {
			background: #ccc; height: 89px; list-style: none; margin: 0 0 1px; position: relative; width: 248px;}
		#demo-videos ul li#dv1 { background: url(../swf/demos/thumb_dv1.jpg) no-repeat;	}
		#demo-videos ul li#dv2 { background: url(../swf/demos/thumb_dv2.jpg) no-repeat; }
		#demo-videos ul li#dv3 { background: url(../swf/demos/thumb_dv3.jpg) no-repeat;	}
		#demo-videos ul li#dv4 { background: url(../swf/demos/thumb_dv4.jpg) no-repeat;	}
			#demo-videos ul li.demo-videos a {
				border: 1px solid #fff;	color: #fff; display: block; height: 87px;
				text-decoration: none; width: 246px; }
				#demo-videos ul li.demo-videos a:hover {
					border: 1px solid #FDFF00; color: #FDFF00; font-weight: bold; }
			#demo-videos ul li.demo-videos a span {
				left: 5px; position: relative; top: 8px; }
div#click-here-fullscreen {
	background: url(../swf/demos/click-here-fullscreen.jpg) no-repeat;
	float: left;
	height: 36px;
	width: 453px;
}

#latest_release_img {width: 144px; height: 87px;float:left; margin: -1px 0 0 -2px;background:url(../img/latest_release_img.png) no-repeat!important;
background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/default/img/latest_release_img.png',sizingMethod='crop');}

.latestreleaselink {margin: 64px 0 0 0; width: 146px!important;width: 150px;}


/* end of file */