/** 

 * SilverStripe Black Candy Theme

 * http://www.silverstripe.com

 *

 * Main Layout File

 */

 

/* Misc Styles and defaults 

-------------------------------------------- */

  

* {

	margin: 0;

	padding: 0;

}



body {

	color: #333;

 	font-size: 62.5%; 

 	margin-bottom: 0px;

	font-family: Verdana, Lucida, sans-serif; 

}



html {

	background: #ffffff url(../images/backgr.png) repeat-x;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}



.clear{

	clear:both;

}



.top {background-image:url(../images/main_top.png); font-family:Arial, Helvetica, sans-serif;}

.cont {background-color:#FFFFFF; padding-left:45px; padding-top: 10px;}

.navix { float:right;}

.logo { float:left; padding-left: 25px; }

.supax { font-size:12px; color:#FFFFFF;}
.supax a{ font-size:12px; color:#FFFFFF; text-decoration: none;}
.supax a:visited{ font-size:12px; color:#FFFFFF; text-decoration: none;}
.supax a:hover{color:#333;}

.sbox {background-color:#FFFFFF; background-image:url(../images/searchb.jpg); background-repeat:no-repeat;}

.mobile_search {background-color:#FFFFFF; background-image:url(../images/s_bckg.png);}

.grey {background-color: #9b9a9a; font-size:12px; color:#FFFFFF; }

#Foot {

	width: 100%;  

	margin: 0 auto;

	float:none; 

}



.home_box { 

background-image:url(http://hexcs.mobi/assets/new/Untitled-8.png);

background-repeat:no-repeat;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

}



/* CONTAINER

----------------------------------------- */

#BgContainer {

	width: 1024px;  

	margin: 0 auto;

	float:none; 

}

#Container { 

	width: 800px;

	padding-bottom: 15px;

	background: #fff url(../images/containerbg.gif) repeat-y;

}

#Layout {

	width: 600px;

	clear: both;

	overflow: hidden;

	margin: 45px auto;

	background-color:#FFFFFF;

	

	

}



#Content {

	width: 538px;

	float: right; 	

	margin: 0;

	text-align: left;

}

/* HEADER

----------------------------------------- */

#Header { 

 	width: 768px; 

 	margin: 0 auto;

	overflow: hidden;

	background: #58ade1 url(../images/header.gif) repeat-x left center;

}

 	#Header h1 { 

	  	color: #fff; 

		font-size: 3.2em; 

		font-family: Tahoma, Verdana, sans-serif;

		font-weight: 300;

		padding: 20px 0 0 30px;

	}

	#Header p {

		font-size: 1.4em;

		color: #fff;

		clear: left;

		margin: 0 0 0 100px;

	}



/* MAIN NAVIGATION - TABS

----------------------------------------- */

#Navigation {

	width: 568px;

	margin: 0 auto;

	padding-top: 25px;

	padding-right: 25px;

	overflow: hidden;

	float:right;

	font: Arial;

	font-size:12px;

	font-weight: bolder;

	font-stretch:extra-condensed;

	

}

	#Navigation ul { 

 		float: right; 

		margin-right: 10px;

	}

		#Navigation ul li { 

	 		list-style: none; 

			margin: 0 2px; 

			float: left;

			line-height: 2.8em;

			display: block;

		}

  			#Navigation ul li a { 

				float: left;

				text-decoration: none;

				display: block; 

				height: 2.3em; 

				font-size: 1.2em; 

				padding: 0 0 0 10px;

				color: #fff;

			}

				#Navigation ul li a span {

					text-align: center;

	        		float: left;

					padding-right: 10px;

					height: 2.3em;

				}

					#Navigation ul li a:hover { 

			 			

						color: #fff;

						cursor: pointer;

						

					}

					#Navigation ul li a:hover span {

						color: #FFCC33;

						cursor: pointer;

						

						

					}

					

    			#Navigation ul li a.current,

	    		#Navigation ul li a.section,

	    		#Navigation ul li a.section:hover,

	    		#Navigation ul li a.current:hover {

				

				color: #fff;

					

					}

				#Navigation ul li a.current span,

				#Navigation ul li a.section span,

	    		#Navigation ul li a.section:hover span,

				#Navigation ul li a.current:hover span {

				

					color: #FF6600;

					font-size:18px;

					

					

				}

    

/* BREADCRUMBS

-------------------------------------------- */

#Breadcrumbs { 

 	color: #B7C0C5;

	text-align: left;

	font-size: 0.9em; 

	margin: 0px 5px 10px 0;

}

	#Breadcrumbs p {

		margin: 0;

	}





/* SIDEBAR

-------------------------------------- */

#Sidebar { 

 	width: 200px; 

	float: left;  

	margin: 10px 0 0 0;

	padding: 0;

}

	#Sidebar .sidebarBox {

		margin: 0 0 5px 0;

		padding-bottom: 2px;

		background: #EFEFEF url(../images/sidebarHeader.gif) no-repeat left top; 

	}

	#Sidebar ul {

		margin: 2px 0 5px 3px;

	}

		#Sidebar li {

			margin: 8px 2px;

			list-style: none;

		}

	#Sidebar h3 { 

		clear: both; 

		color: #fff;

		font-weight: 700; 

		font-size: 14px; 

		margin: 0 0 10px 0;

		line-height: 1.8;

		padding: 1px 0 0 10px;

		background: transparent url(../images/sidebarHeaderSub.gif) repeat-x center left;

	}

	

	#Sidebar .sidebarBottom {

		height: 15px;

		display: block;

		width: 200px;

		margin: -5px 0 0 0;

		background: #EFEFEF url(../images/sidebarBottomBg.gif) no-repeat center bottom;

	}

	#Sidebar a em {

		font-style: normal;

	}

	#Sidebar p {

		font-size: 12px;

	 	clear: both;

	 	margin: 10px 10px 0 10px;

	}

	

	/* MENU2 */

    ul#Menu2 li { 

    	font-size: 14px; 

    	margin: 1px 0 5px 4px;

        list-style: none;

    }

    	ul#Menu2 li a {

            display: block;

            width: 196px;

            font-size: 14px;

            height: 1.8em;

            line-height: 1.8em;

            color: #898989;

      	}

			ul#Menu2 li em {

				padding-left: 8px;

				display: block;

				font-size: 14px;

			}

				ul#Menu2 li li em {

					padding-left: 0;

					font-size: 14px;

				}

      	/* Level 1 

      	- We use 3 elements for the nav to get 3 background images applied.

            * span - topleft rounded corner

            * em - bottomleft rounded corner

            * a - arrow on the right

            <a><span><em></em></span></a>

      	*/

      	ul#Menu2 li a:hover,

      	ul#Menu2 li a.current,

      	ul#Menu2 li a.current:hover {

        	background: #DCDCDC url(../images/sidebarSideArrow.gif) no-repeat right center;

        	color: #666;

			cursor: pointer;

            text-decoration: none;

			font-size: 14px;

      	}

	  	ul#Menu2 li a.current {

		font-size:14px;

	  	}

      	ul#Menu2 li a.section,

      	ul#Menu2 li a.section:hover {

            background: #DCDCDC;

            font-size:14px;

            width: 193px; 

      	}

      	ul#Menu2 li a.levela:hover span,

      	ul#Menu2 li a.current span,

      	ul#Menu2 li a.section span,

      	ul#Menu2 li a.section:hover span,

      	ul#Menu2 li a.current:hover span {

			background: transparent url(../images/sidebarTopLeftHover.gif) no-repeat left top;

			display: block;

			width: 100%;

			height: 100%;

			font-size: 14px;

		} 

		ul#Menu2 li a.levela:hover em,

		ul#Menu2 li a.current em,

		ul#Menu2 li a.section em,

		ul#Menu2 li a.section:hover em,

		ul#Menu2 li a.current:hover em {

        	background: transparent url(../images/sidebarBottomLeftHover.gif) no-repeat left bottom;

			display: block;

			width: 100%;

            height: 100%;

			font-size: 14px;

      	}

      		ul#Menu2 li ul {

            	height: 100%;

            	position: relative;

            	margin: -4px 0 0 0;

            	width: 193px;

            	padding: 4px 0 10px 0;

            	background: #DCDCDC url(../images/sidebarSectionBottom.png) no-repeat bottom left;

				font-size: 14px;

      		}

      			ul#Menu2 li ul li {

            		width: 160px;

            		background: #DCDCDC;

            		padding: 0;

            		font-size:14px;

            		display: inline;

            		margin: 0;

      			}

      				ul#Menu2 li ul li ul {

            			background: #DCDCDC;

            			margin-left: 0;

						font-size: 14px;

      				}	

      

					ul#Menu2 li li a.current,

      				ul#Menu2 li li a.section,

      				ul#Menu2 li li a.section:hover,

      				ul#Menu2 li li a.current:hover {

            			color: #555;

            			font-weight: 700;

            			background: #DCDCDC;

						font-size: 14px;

      				}

      					ul#Menu2 li li ul {

            				margin: 0 0 0 10px;

            				padding: 0;

            				width: 175px;

							font-size: 14px;

      					}

      					ul#Menu2 li li ul .roundWhite {

            				margin-bottom: -10px;

							font-size: 14px;

      					}

      			

			/* Sub Menu */

      		ul#Menu2 li a.levelb {

            	font-size: 14px;

            	text-indent: 8px;

            	width: 188px;

				background: transparent;

            	margin-left: 10px;

      		}

	  		ul#Menu2 li a.levelb:hover,

      		ul#Menu2 li li a.current,

      		ul#Menu2 li li a.current:hover,

      		ul#Menu2 li li a.section,

      		ul#Menu2 li li a.section:hover {

            	background: #BCBCBC url(../images/sidebarSideArrow2.gif) no-repeat right center;

            	text-decoration: none;

            	display: block;

            	color: #fff;

				font-size: 14px;

      		}

      		ul#Menu2 li a.levelb:hover span,

      		ul#Menu2 li li a.current span,

      		ul#Menu2 li li a.current:hover span,

      		ul#Menu2 li li a.section span,

      		ul#Menu2 li li a.section:hover span {

            	background: transparent url(../images/sidebarTopLeftHover2.gif) no-repeat left top;

            	display: block;

            	width: 100%;

            	height: 100%;

				font-size: 14px;

      		} 	

      		ul#Menu2 li a.levelb:hover em,

      		ul#Menu2 li li a.current em,

      		ul#Menu2 li li a.current:hover em,

      		ul#Menu2 li li a.section em,

      		ul#Menu2 li li a.section:hover em {

            	background: transparent url(../images/sidebarBottomLeftHover2.gif) no-repeat left bottom;

            	display: block;

            	width: 100%;

            	height: 100%;

				font-size: 14px;

      		}



/* COMMENTS

---------------------------------------- */

#CommentHolder ul {

	list-style: none;

	margin: 20px 0;

}

#PageComments li {

	margin: 5px 0;

	padding: 1px;

	width: 88%;

}

	#PageComments li.odd {

		background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;

		padding-left: 40px;

		padding-right: 10px;

		border-bottom: 2px solid #BCE4FE;

	}

	#PageComments li.even {

		background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;

		padding-right: 40px;

		padding-left: 10px;

	}



		#PageComments li.odd p.info {

			color: #3AA0C3;

		}



		.actionLinks li {

		   display: inline;

		   border-right: 1px solid;

		}

			.actionLinks li a {

				padding-right: 3px;

				font-size: 10px;

			}

   			.actionLinks li.last {

      			border-right: none;

   			}



.commentrss {

	background: transparent url(../images/feed-icon-14x14.png) no-repeat;

	padding-left: 20px;

	font-size: 1.1em;

	line-height: 1.6em;

}

#PageCommentsPagination p {

	text-align: center;

	font-size: 1.2em;

}

#PageComments p {

	font-size: 1em;

}

	#PageComments p.info {

		color: #999;

		margin: 0px;

		padding: 0;

		line-height: 1em;

		font-size: 0.9em;

	}



/* SEARCH RESULTS STYLES

------------------------------------------------ */

ul#SearchResults {

	margin: 10px 0;

}

	ul#SearchResults li {

		list-style: none;

		margin: 5px 0;

		font-size: 1em;

	}



/* SEARCH FORM 

-----------------------------------------------*/

html #SearchForm_SearchForm {

	float: left;

	width: 240px;

	margin: 0px;

	padding-left: 750px;

}

html #SearchForm_SearchForm .middleColumn {

	float: left;

	width: 164px;

	margin: 0 5px 0 0;

	padding: 2px;

	background-color: #999999;

	

}

	html #SearchForm_SearchForm .middleColumn input.text {

		width: 160px;

		border: none;

		color: #666;

	}

html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {

	float: left;

	margin-top: 2px;

}



/* MESSAGEBOXS

--------------------------------------------- */

.message {

	margin: 15px;

	padding: 5px;

	width: 92%;

	color: #979908;

	border: 4px solid #F7F8B4;

	background: #FFFFEA;

}

span.middleColumn .message {

	margin: 4px 0 0 3px;

}

.required {

	margin: 4px 0 0 3px;

	padding: 5px;

	width: 92%;

	color: #DC1313;

	border: 4px solid #FF7373;

	background: #FED0D0;

}







p#Remember label {

	margin: -24px 0 0 20px;

	text-align: left;

}

.entry {

	border-bottom: 1px solid #eee;

}



.typography #Content p.authorDate {

	color: #444;

	margin-top: -15px;

	}

/* UNSUBSCRIBE NEWSLETTER

------------------------------------------------ */

#Unsubscribe_MailingListForm_MailingListForm{

	min-height:100px;

}



	#Unsubscribe_MailingListForm_MailingListForm p{

		margin:0 !important;

		padding:10px;

	}

		#Unsubscribe_MailingListForm_MailingListForm p label{

			display: inline;

		}

	#Unsubscribe_MailingListForm_MailingListForm label{

		margin:0;

	}





/* FOOTER

----------------------------------------------- */



#Footer { 



	color: #FFFFFF;



}

	#Footer .footerTop {

		width: 100%;

		background-color: #9b9a9a; 

		display: block;

		height: 2em;

	}

  	#Footer p { 

		color: #fff;

		font-size: 1.1em;

		text-align: center;

		margin-top: -0.6em;

	}

  		#Footer a { 

	   		color: #fff; 

	   		text-decoration: none;

		}

			#Footer a:hover {

				color: #fff;

				text-decoration: underline;

			}