/*  
Theme Name: MS Default
Theme URI: http://www.messagespace.co.uk
Description: The default MessageSpace theme.
Version: 1.0
Author: Jag Singh
Author URI: http://www.jsingh.com
*/

* { margin:0; padding:0;}
html{ font: 12px/1.5em Tahoma, Arial; color:#485257;}
body{
	background:#FFFFFF;	
}
a img{ border:0; }
input, textarea, select{ 
	font:11px/14px arial, helvetica, sans-serif;
	color:#485257; 
	border:1px solid #000000;
	vertical-align:top;
}
img.alignright{padding:0px 0px 0px 10px;}
img.alignleft{padding:0px 10px 0px 0px;}
img.aligncenter{margin-left: auto;margin-right: auto; text-align: center; display: block;}
.alignright {
	float: right;
}

.alignleft {
	float: left;
}
textarea{ width:172px; height:69px; overflow:auto;}
.inp_h{ height:28px; margin:1px 0 3px 0;}
.inp_h_1{ height:21px; margin:1px 0 3px 0;}

/*****************************************************************/
.indent{ margin:0; padding:0;}
.block{ width:auto; margin:0; padding:0; background:none;}
.block_1{ width:auto; margin:0; padding:0;}
.block_2{ width:auto; margin:0; padding:0;}
/*****************************************************************/

.publisher_title { text-align: center; }

li a { 
	padding:0 0 0 3px;
	line-height:16px;
	color:#0b79c5;
	text-decoration:none;
}

li a:hover {text-decoration:underline;}

.col { float:left;}
.clear { clear:both;}

.roundtop { background:url(images/rounded_top.jpg) no-repeat; margin-top: 1px; width: 721px; height: 29px; }
.roundbottom { background:url(images/rounded_bottom.jpg) no-repeat; margin-bottom: 1px; width: 721px; height: 32px; }

#whitebg { background:#FFFFFF; margin-right:8px; padding-right: 10px; padding-left: 10px; padding-bottom: 2px; line-height: 1.5em; text-align: justify; }

#whitebg p { padding-bottom: 5px; }

#whitebg ul li { 
list-style-type: disc;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
}

#whitebg ul { padding-bottom: 10px; }

.column_2 ul li { list-style-type: disc; line-height:2em; margin: 0px 0px 0px 20px; }

h3 { font-size: 16px; font-weight: bold; margin: 15px 0 10px 0; color: #329700; }

#entrytitle { font-size: 14px; margin: -5px 0 8px 0; }

#entrytitle a { color: #3b79c5; text-decoration:none; }

#entrytitle a:hover { text-decoration:underline; }

.pie {
color: #6E735E;
font-size: 12px;
}

blockquote { color: #777; }
a.nolink {text-decoration: none;}
a.nolink:hover {text-decoration: none;}
a.greenlink { color:#329700; font-weight:bold; text-decoration:none;}
a.greenlink:hover { color:#329700; font-weight:bold; text-decoration:underline;}



/*---moo---*/

	#accordion {
			border: none;
			width: 720px;
			height: 270px;
			font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
			font-size: 11px;
			position:relative !important;
			display:block;
			overflow:hidden;
			background-repeat:no-repeat;
			background-position:top left;
	}
	
	#accordion h3 {
			font-size: 12px;
			padding: 6px 6px 4px 35px;
			margin: 0;
			color:#fff;
			border-bottom:1px solid #333333;
			cursor:pointer;
			display:block;
			background-position:top left;
			background-repeat:no-repeat;
	}
	
	#visible {
			border-bottom:1px solid #DA1074;
	}
	
	.panel_body {
			height:250px;
			background-color:#333333;
			display:block;
			position:relative;
			color:#FFFFFF;
	}
	
	.panel_body div {
			padding:3px 5px;
	}
	
	.panel_container{
		top:0px; 
overflow:hidden;
		margin:0px;
		padding:0px;
	background-image:url(http://www.messagespace.co.uk/wp-content/themes/ms/tab-right.gif);
		background-position:top right;
		background-repeat:repeat-x;
		background-color:#333333;
	}
	.wrapper{
		bottom:0px;
		position:absolute;
	}


/*---links---*/
a{ color:#3b79c5; text-decoration: none;}
a:hover{ text-decoration:underline;}
.link{ line-height:13px; font-size:11px; background:url(images/arr.gif) right 5px no-repeat; padding:0 14px 0 0; color:#3b79c5;}
.style_link{ text-align:right;}
/*---//	links---*/
.main {margin:0 auto;}

#header .indent { font-size:10px; line-height:14px; color:#929293; padding:27px 0 0 14px;}
#header strong { color:#929293; font-size:11px; font-weight:bold;}
#header a { color:#929293; text-decoration:none;}
#header a:hover { text-decoration:underline;}
#header .logo{width:565px;}
#header .logo_right{width:145px; background:url(images/sep.gif) 0 0 no-repeat; padding:4px 0 2px 15px;}

/***************************************************************************/
.bg_left{ background:url(images/bg_left.gif) left bottom no-repeat;}
.bg_right{ background:url(images/bg_right.gif) right bottom no-repeat;}
.column{ background:#c5eff6; margin:0 0 0 14px; color:#363d3f;}
/***************************************************************************/

/***************************************************************************/
.left_top{ background:url(images/left_top.gif) left top no-repeat;}
.right_top{ background:url(images/right_top.gif) right top no-repeat;}
.left_bot{ background:url(images/left_bot.gif) left bottom no-repeat;}
.right_bot{ background:url(images/right_bot.gif) right bottom no-repeat;}
.side_left{ background: url(images/side_left.gif) left top repeat-y;}
.side_right{ background: url(images/side_right.gif) right top repeat-y;}
.side_top{ background: url(images/side_top.gif) left top repeat-x;}
.side_bot{ background: url(images/side_bot.gif) left bottom repeat-x;}
/***************************************************************************/
strong{ color:#329700; font-weight:bold;}

.bold { color:#3b79c5; font-weight: bold;}

.black { color:#000000;}

span{ color:#3b79c5;}
.txt_1{ color:#403a3a;}
.txt_2{ font-size:10px; line-height:12px; color:#4f5a5b;}
.txt_3{ color:#329700;}
#wrapper{ background:#e8ffd6;}
.bg{background: url(images/fill.gif) left top repeat-x #e8ffd6;}
/*---page---*/
#page #wrapper .indent{padding:0 0 0 0;}
#page #wrapper .column .indent{padding:3px 0 11px 10px;}
#page #wrapper .column .left{ width:355px;}
#page #wrapper .column .left .right_bot .indent{padding:36px 30px 21px 0;}
#page #wrapper .column .left .right_bot .float{float:left; margin:0 13px 0 0;}
#page #wrapper .column .left .right_bot .style_link{margin:7px 4px 0 0;}

#page #wrapper .column .right{ width:355px; margin:0 0 0 9px;}
#page #wrapper .column .right .right_bot .indent{padding:36px 30px 21px 0;}
#page #wrapper .column .right .right_bot .float{float:left; margin:0 13px 0 0;}
#page #wrapper .column .right .right_bot .style_link{margin:7px 4px 0 0;}

#page #wrapper .column_1 .h{ background:url(images/bg_h.gif) left bottom repeat-x; margin:4px 20px 0 36px;}
#page #wrapper .column_1 .indent{padding:17px 28px 16px 37px;}
#page #wrapper .column_1 .style_link{margin:6px 0 0 0;}

#page #wrapper .column_2{ background:#f0ffe4;}
#page #wrapper .column_2 .h{background:url(images/bg_h.gif) left bottom repeat-x; margin:2px 27px 0 22px;}
#page #wrapper .column_2 .indent{padding:17px 28px 19px 24px;}
#page #wrapper .column_2 .block{background:url(images/1_pic_3.gif) 0 2px no-repeat; padding:0 0 20px 13px;}
#page #wrapper .column_2 .sep{ background:#b4bfab; margin:0 0 17px 0;}

#page #wrapper .column_3 .h{ background:url(images/bg_h.gif) left bottom repeat-x; margin:4px 20px 0 36px;}
#page #wrapper .column_3 .indent{padding:17px 28px 16px 37px;}
#page #wrapper .column_3 .style_link{margin:6px 0 0 0;}

#page .column_3 input{ width:172px; height:21px; border:1px solid #564c4c;}
#page .column_3 form { height:129px;}
#page .column_3 form img{ margin:15px 0 0 0;}
/*---// page---*/

/*---page_1---*/
#page_1 #wrapper .indent{padding:0 0 0 0;}
#page_1 #wrapper .column .indent{padding:3px 0 11px 10px;}
#page_1 #wrapper .column .left{ width:355px;}
#page_1 #wrapper .column .left .right_bot .indent{padding:36px 30px 21px 0;}
#page_1 #wrapper .column .left .right_bot .float{float:left; margin:0 8px 0 0;}
#page_1 #wrapper .column .left .right_bot .style_link{margin:7px 4px 0 0;}

#page_1 #wrapper .column .right{ width:355px; margin:0 0 0 9px;}
#page_1 #wrapper .column .right .right_bot .indent{padding:36px 30px 21px 0;}
#page_1 #wrapper .column .right .right_bot .float{float:left; margin:0 9px 0 0;}
#page_1 #wrapper .column .right .right_bot .style_link{margin:7px 4px 0 0;}

#page_1 #wrapper .column_1 .h{ background:url(images/bg_h.gif) left bottom repeat-x; margin:23px 23px 0 36px;}
#page_1 #wrapper .column_1 .indent{padding:17px 25px 20px 37px;}
#page_1 #wrapper .column_1 .style_link{margin:6px 0 0 0;}
#page_1 #wrapper .column_1 .block{margin:0 0 26px 0;}
#page_1 #wrapper .column_1 .block img{float:left; margin:0 20px 0 0;}
#page_1 #wrapper .column_1 .block_0 img{float:left; margin:0 20px 0 0;}
#page_1 #wrapper .column_1 .block_0{margin:0;}

#page_1 #wrapper .column_2{ background:#f0ffe4;}
#page_1 #wrapper .column_2 .h{background:url(images/bg_h.gif) left bottom repeat-x; margin:23px 17px 0 22px;}
#page_1 #wrapper .column_2 .indent{padding:17px 16px 29px 23px;}
#page_1 #wrapper .column_2 ul{ margin:14px 0 0 0;}
/*---// page_1---*/

/*---page_2---*/
#page_2 #wrapper .indent{padding:0 0 0 0;}
#page_2 #wrapper .column .indent{padding:3px 0 11px 10px;}
#page_2 #wrapper .column .left{ width:355px;}
#page_2 #wrapper .column .left .right_bot .indent{padding:36px 30px 21px 0;}
#page_2 #wrapper .column .left .right_bot .float{float:left; margin:0 13px 0 0;}
#page_2 #wrapper .column .left .right_bot .style_link{margin:7px 4px 0 0;}

#page_2 #wrapper .column .right{ width:355px; margin:0 0 0 9px;}
#page_2 #wrapper .column .right .right_bot .indent{padding:36px 30px 21px 0;}
#page_2 #wrapper .column .right .right_bot .float{float:left; margin:0 13px 0 0;}
#page_2 #wrapper .column .right .right_bot .style_link{margin:7px 4px 0 0;}

#page_2 #wrapper .column_1 .h{ background:url(images/bg_h.gif) left bottom repeat-x; margin:3px 20px 0 35px;}
#page_2 #wrapper .column_1 .indent{padding:17px 28px 16px 37px;}
#page_2 #wrapper .column_1 ul{ margin:14px 0 0 0;}

#page_2 #wrapper .column_2{ background:#f0ffe4;}
#page_2 #wrapper .column_2 .h{background:url(images/bg_h.gif) left bottom repeat-x; margin:3px 27px 0 22px;}
#page_2 #wrapper .column_2 .indent{padding:17px 40px 19px 24px;}
#page_2 #wrapper .column_2 .block{padding:17px 0 16px 0;}
#page_2 #wrapper .column_2 .block img{float:left; margin:1px 20px 0 0;}

#page_2 #wrapper .column_3 .indent{padding:17px 0 0 19px;}
#page_2 #wrapper .column_3 .h{background:url(images/bg_h.gif) left bottom repeat-x; margin:3px 3px 0 18px;}
#page_2 #wrapper .column_3 .block{ margin:0 0 19px 0;}
/*---// page_2---*/

/*---page_3---*/
#page_3 #wrapper .indent{padding:0 0 0 0;}
#page_3 #wrapper .column .indent{padding:3px 0 11px 10px;}
#page_3 #wrapper .column .left{ width:355px;}
#page_3 #wrapper .column .left .right_bot .indent{padding:36px 30px 21px 0;}
#page_3 #wrapper .column .left .right_bot .float{float:left; margin:0 8px 0 0;}
#page_3 #wrapper .column .left .right_bot .style_link{margin:7px 4px 0 0;}

#page_3 #wrapper .column .right{ width:355px; margin:0 0 0 9px;}
#page_3 #wrapper .column .right .right_bot .indent{padding:36px 30px 21px 0;}
#page_3 #wrapper .column .right .right_bot .float{float:left; margin:0 9px 0 0;}
#page_3 #wrapper .column .right .right_bot .style_link{margin:7px 4px 0 0;}

#page_3 #wrapper .column_1 .h{ background:url(images/bg_h.gif) left bottom repeat-x; margin:23px 23px 0 36px;}
#page_3 #wrapper .column_1 .indent{padding:17px 25px 10px 37px;}
#page_3 #wrapper .column_1 .style_link{margin:6px 0 0 0;}
#page_3 #wrapper .column_1 .block{margin:0 0 22px 0;}
#page_3 #wrapper .column_1 .block img{float:left; margin:0 20px 0 0;}

#page_3 #wrapper .column_2{ background:#f0ffe4;}
#page_3 #wrapper .column_2 .h{background:url(images/bg_h.gif) left bottom repeat-x; margin:24px 17px 0 21px;}
#page_3 #wrapper .column_2 .indent{padding:17px 14px 33px 23px;}
#page_3 #wrapper .column_2 .block{ margin:13px 0 0 0;}
/*---// page_3---*/

/*---page_4---*/
#page_4 #wrapper .indent{padding:0 0 0 0;}
#page_4 #wrapper .column .indent{padding:3px 0 11px 10px;}
#page_4 #wrapper .column .left{ width:355px;}
#page_4 #wrapper .column .left .right_bot .indent{padding:36px 30px 21px 0;}
#page_4 #wrapper .column .left .right_bot .float{float:left; margin:0 13px 0 0;}
#page_4 #wrapper .column .left .right_bot .style_link{margin:7px 4px 0 0;}

#page_4 #wrapper .column .right{ width:355px; margin:0 0 0 9px;}
#page_4 #wrapper .column .right .right_bot .indent{padding:36px 30px 21px 0;}
#page_4 #wrapper .column .right .right_bot .float{float:left; margin:0 13px 0 0;}
#page_4 #wrapper .column .right .right_bot .style_link{margin:7px 4px 0 0;}

#page_4 #wrapper .column_1 .h{ background:url(images/bg_h.gif) left bottom repeat-x; margin:23px 20px 0 35px;}
#page_4 #wrapper .column_1 .indent{padding:17px 28px 6px 37px;}
#page_4 #wrapper .column_1 .block{ margin:0 0 13px 0;}

#page_4 #wrapper .column_2{ background:#f0ffe4;}
#page_4 #wrapper .column_2 .h{background:url(images/bg_h.gif) left bottom repeat-x; margin:23px 27px 0 22px;}
#page_4 #wrapper .column_2 .indent{padding:17px 40px 20px 24px;}
#page_4 #wrapper .column_2 .block{padding:18px 0 0 0;}

#page_4 #wrapper .column_3 .indent{padding:17px 0 0 19px;}
#page_4 #wrapper .column_3 .h{background:url(images/bg_h.gif) left bottom repeat-x; margin:23px 3px 0 18px;}
#page_4 #wrapper .column_3 .block{ margin:0 0 19px 0;}
#page_4 #wrapper .column_3 form { height:129px;}
#page_4 #wrapper .column_3 input{ width:172px; height:15px; border:1px solid #564c4c;}
/*---// page_4---*/

/*---page_5---*/
#page_5 #wrapper .indent{padding:0 0 0 0;}
#page_5 #wrapper .column .indent{padding:3px 0 11px 10px;}
#page_5 #wrapper .column .left{ width:355px;}
#page_5 #wrapper .column .left .right_bot .indent{padding:36px 30px 21px 0;}
#page_5 #wrapper .column .left .right_bot .float{float:left; margin:0 8px 0 0;}
#page_5 #wrapper .column .left .right_bot .style_link{margin:7px 4px 0 0;}

#page_5 #wrapper .column .right{ width:355px; margin:0 0 0 9px;}
#page_5 #wrapper .column .right .right_bot .indent{padding:36px 30px 21px 0;}
#page_5 #wrapper .column .right .right_bot .float{float:left; margin:0 9px 0 0;}
#page_5 #wrapper .column .right .right_bot .style_link{margin:7px 4px 0 0;}

#page_5 #wrapper .column_1 .h{ background:url(images/bg_h.gif) left bottom repeat-x; margin:23px 0 0 36px;}
#page_5 #wrapper .column_1 .indent{padding:17px 0 25px 37px;}
#page_5 #wrapper .column_1 .block{margin:0 0 13px 0;}
/*---// page_5---*/


#footer {font:10px/13px tahoma, arial, helvetica, sans-serif; background: url(images/bg_footer.gif) left top repeat-x; color:#62696d; }
#footer  a{ color:#62696d; }
#footer .indent {padding:35px 0 0 36px;}
#footer .block { width:425px;}
#footer .block_1 { word-spacing:3px;}
#footer .block_1 a{ word-spacing:normal; text-decoration:none;}
#footer .block_1 a:hover{text-decoration: underline;}


/*--- Layout --- */

.main { width:766px;}
#header {height:279px;}
#footer { height:79px;}

/*---page---*/
#page #wrapper .column{ width:739px;}
#page #wrapper .column_1{ width:265px; float:left;}
#page #wrapper .column_2{ width:258px; float:left;}
#page #wrapper .column_3{ width:206px; float:left;}
/*---// page---*/

/*---page_1---*/
#page_1 #wrapper .column{ width:739px;}
#page_1 #wrapper .column_1{ width:519px; float:left;}
#page_1 #wrapper .column_2{ width:224px; float:left;}
/*---// page_1---*/

/*---page_2---*/
#page_2 #wrapper .column{ width:739px;}
#page_2 #wrapper .column_1{ width:265px; float:left;}
#page_2 #wrapper .column_2{ width:258px; float:left;}
#page_2 #wrapper .column_3{ width:206px; float:left;}
/*---// page_2---*/

/*---page_3---*/
#page_3 #wrapper .column{ width:739px;}
#page_3 #wrapper .column_1{ width:519px; float:left;}
#page_3 #wrapper .column_2{ width:224px; float:left;}
/*---// page_3---*/

/*---page_4---*/
#page_4 #wrapper .column{ width:739px;}
#page_4 #wrapper .column_1{ width:265px; float:left;}
#page_4 #wrapper .column_2{ width:258px; float:left;}
#page_4 #wrapper .column_3{ width:206px; float:left;}
/*---// page_4---*/

/*---page_5---*/
#page_5 #wrapper .column{ width:739px;}
#page_5 #wrapper .column_1{ width:726px;}
/*---// page_5---*/



/*big menu*/

#kwick {
	position: relative;
	border-top: 1px solid #27272a;
	border-bottom: 3px double #27272a;
	margin-bottom: 10px;
	padding: 10px 0;
}

#kwick .kwicks {
	display: block;
	background: #1d1d20;
	height: 100px;
}

#kwick li {
	float: left;
}

#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 80px;
	width: 125px;
	padding: 10px;
	background: #fff;
	border-right: 5px solid #1d1d20;
}

#kwick .kwick span {
	display: none;
}

#kwick .download {
	background: #78ba91;
}

#kwick .documentation {
	background: #7389ae;
}

#kwick .blog {
	background: #c17878;
}

#kwick .trac {
	background: #a87aad;
	border-right: 0;
}

#kwickcontainer {
	position: relative;
	width: 800px;
	margin: 30px auto 10px;
}

#kwickcontent {
	width: 600px;
	position: relative;
	z-index: 10000;
	background: #1d1d20;
	padding-right: 45px;
}


#commentform input { background: transparent url("images/form-input-bg.png") repeat-x right 50%; border: 1px solid #dcdcdc; color: #000;	float: left; height: 15px; padding: 8px 10px; width: 235px;}

#commentform textarea {	background: transparent url("images/form-textarea-bg.png") repeat-x; border: 1px solid #dcdcdc; color: #000; float: left; height: 185px; padding: 8px 10px; width: 420px; overflow: hidden; }

#commentform input.submit { background: transparent url("images/form-submit-bg.png") no-repeat; border: none; color: #fff; float: left; height: 35px; padding: 8px 10px; width: 78px; }


* html #commentform input,
* html #commentform textarea { background-attachment: fixed; }

#commentform input,
#commentform textarea { margin: 5px 0; }

* html #commentform input,
* html #commentform textarea { margin: 10px 0; }

#commentform label { float: left; margin: 10px 0 0 10px; }

#commentform p { clear: both; height: 1%; }

.currentpubs { font-size: 13px; margin-top: -20px; margin-left: 25px;}

h1 {
color: #000033;
text-transform: uppercase;
font-weight: 100;
font-size: 16px;
line-height: 18px;
}

table.targeting {
border-width: 1px 1px 1px 1px;
border-style: outset outset outset outset;
border-color: #cccccc;
border-collapse: collapse;
width: 100%;
text-align: center;
margin-top: 5px;
}

table.targeting td {
border-width: 1px 1px 1px 1px;
border-style: inset inset inset inset;
padding: 5px 5px 5px 5px;
border-color: #cccccc;
border-collapse: collapse;
}

a.srollover { 
display: block; 
width: 400px;
height: 51px;
background: url("images/greencontact.gif") 0 0 no-repeat;
text-decoration: none;
}

a:hover.srollover { background-position: -51px 0; }

#ll {display: none;}
