/* ******************************************************************************************
 *	File		:	style.css
 *	Purpose		:	Cascade Style Sheet file for Room 101 Limited site
 *
 *	Author		:	Rajesh Wadhwani
 *	Created		:	18-Aug-2010
 *	Modified	:	18-Aug-2010, 19-Aug-2010, 20-Aug-2010, 23-Aug-2010, 24-Aug-2010
 *				26-Aug-2010, 19-Aug-2011
 *	Copyright	:	Room 101 Limited, 2010
 * ****************************************************************************************** */

body {
	width: 100%;
	min-width: 1000px !important;
	margin: 0px;
	font-family: Arial, Verdana, "Times New Roman";
	font-size: 13px;
	background-color: #ffffff;
}

/* ************************ */
/* Hyper Links				*/
/* ************************ */
a {
	color: #000000;
	text-decoration: none;
}
a.uline-onhover { text-decoration: none; }
a.uline-onhover:hover { text-decoration: underline; }
a.no-uline-onhover { text-decoration: underline; }
a.no-uline-onhover:hover { text-decoration: none; }

a.blue_black { color: #2651A8; }
a.blue_black:hover { color: #000; }

/* ************************ */
/* Text formatting			*/
/* ************************ */
.bold { font-weight: bold; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }

/* ************************ */
/* Text alignment			*/
/* ************************ */
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.float-left { float: left; }
.float-right { float: right; }
.clear { clear: both; }

/* ************************ */
/* Colours					*/
/* ************************ */
.black { color: #000000; }
.white { color: #ffffff; }
.blue { color: #2651A8; }
.pink { color: #AD3A8B; }
.red { color: #dd0000; }
.dark-grey { color: #404040; }
.light-grey { color: #cdcdcd; }

.blue_bg { background-color: #5B85C0; }

h1 {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 16px;
	padding: 6px 0 6px 10px;
	background-color: #EBF0F6;
	color: #AD3A8B;
	border: 1px solid #C4C4C4;
	-moz-border-radius: 3px;
}
h1.heading_room101 {
	background-image: url('/images/heading_room101.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 32px;
}
#heading_link {
	float: right;
	display: none;
	font-size: 12px;
	margin-top: -43px;
	margin-right: 14px;
}
#heading_link a {
	color: #2651A8;
	font-size: 12px;
	text-decoration: none;
}
#heading_link a:hover { text-decoration: underline; }

/* ************************ */
/* Alert messages			*/
/* ************************ */
#msg {
	background-color: #e5e5e5;
	color: #000000;
}
#msg, #error, #alert_msg_box {
	padding: 8px 10px 8px 10px;
	border: 1px solid #a0a0a0;
	font-weight: bold;
	margin-bottom: 16px;
}
#error, #alert_msg_box {
	background-color: #C90000;
	color: #ffffff;
}

/* ************************ */
/* Main body				*/
/* ************************ */
.main-content {
	margin: 0px auto;
	width: 1000px;
	min-width: 1000px;
	max-width: 1000px;
	/*border-left: 1px solid #777777;
	border-right: 1px solid #777777;*/
}
.isp a {
	color: #0000ff;
	text-decoration: underline;
}
.isp a:hover { text-decoration: none; }
.isp img { display:block; padding-top:12px; padding-bottom:12px; margin:0 auto; }

/* TOPBAR				*/
/* ******************** */
#topbar {
	background-color: #AD398E;
	height: 20px;
	clear: both;
	border-bottom: 1px solid #d5d5d5;
}
#topbar .content {
	clear: both;
	text-align: right;
	color: #ffffff;
	padding-top: 1px;
}
#topbar .content a {
	font-size: 11.5px;
	color: #ffffff;
	text-decoration: none;
}
#topbar .content a:hover { text-decoration: underline; }

/* MIDDLEBAR			*/
/* ******************** */
#middlebar {
	clear: both;
	min-height: 600px;
	background-color: #ffffff;
}

/* LOGO BAR				*/
/* ******************** */
#logobar {
	clear: both;
	background-color: #5B85C0;
	border-bottom: 1px solid #d5d5d5;
	min-height: 70px !important;
}
#logobar .logobar_image {
	float: left;
	margin-left: 20px;
	width: 215px;
}
#logobar .logobar_title {
	float: left;
	margin-top: 24px;
	margin-left: 80px;
	width: 430px;
}
#logobar .logobar_phone {
	float: right;
	width: 200px;
	min-height: 70px !important;
	text-align: center;
	border-left: 1px dotted #d5d5d5;
}
#logobar .logobar_phone img {
	margin-top: 25px;
}
#logobar img#logo {
	width: 214px;
	height: 60px;
	border: 0px;
	margin-top: 6px;
}

/* TOPMENUBAR			*/
/* ******************** */
#topmenubar {
	min-height: 52px;
	border-bottom: 1px dotted #5E5E5E;
}
#topmenubar .right-border { border-right: 1px dotted #5E5E5E; }
#topmenu1, #topmenu2, #topmenu3, #topmenu4, #topmenu5, #topmenu6, #topmenu1_active, #topmenu2_active, #topmenu3_active, #topmenu4_active, #topmenu5_active, #topmenu6_active {
	float: left;
	background-repeat: no-repeat;
	width: 165px;
	height: 52px;
}
#topmenu1 a, #topmenu2 a, #topmenu3 a, #topmenu4 a, #topmenu5 a, #topmenu6 a, #topmenu1_active a, #topmenu2_active a, #topmenu3_active a, #topmenu4_active a, #topmenu5_active a, #topmenu6_active a {
	display: block;
	width: 165px;
	height: 52px;
}
#topmenu1_active, #topmenu2_active, #topmenu3_active, #topmenu4_active, #topmenu5_active, #topmenu6_active {
	border-bottom: 1px solid #ffffff;
}
#topmenu1 { background-image: url('/images/website_development_pink.jpg'); }
#topmenu2 { background-image: url('/images/website_hosting_pink.jpg'); }
#topmenu3 { background-image: url('/images/email_hosting_pink.jpg'); }
#topmenu4 { background-image: url('/images/domain_name_registration_pink.jpg'); }
#topmenu5 { background-image: url('/images/website_maintenance_pink.jpg'); }
#topmenu6 { background-image: url('/images/website_migration_pink.jpg'); }

#topmenu1_active, #topmenu1:hover { background-image: url('/images/website_development_white.jpg'); }
#topmenu2_active, #topmenu2:hover { background-image: url('/images/website_hosting_white.jpg'); }
#topmenu3_active, #topmenu3:hover { background-image: url('/images/email_hosting_white.jpg'); }
#topmenu4_active, #topmenu4:hover { background-image: url('/images/domain_name_registration_white.jpg'); }
#topmenu5_active, #topmenu5:hover { background-image: url('/images/website_maintenance_white.jpg'); }
#topmenu6_active, #topmenu6:hover { background-image: url('/images/website_migration_white.jpg'); }

/* LEFTMENU				*/
/* ******************** */
#leftmenubar {
	float: left;
	width: 236px;
	min-height: 400px;
	background-color: #EBF0F6;
	border-right: 1px dotted #3C3C3C;
	margin-right:21px;
}
#leftmenu {
	padding: 8px;
}
#leftmenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#leftmenu ul li {
	background-image: url('/images/menu_bg_blue.jpg');
	background-repeat: no-repeat;
	width: 220px;
	height: 37px;
	margin-top: 4px;
	border: 1px solid transparent;
}
#leftmenu ul li.border { border: 1px solid #9DAFD7; }
#leftmenu ul li a {
	display: block;
	color: #2651A8;
	font-weight: bold;
	padding: 11px 0 11px 20px;
}
#leftmenu ul li a:hover {
	color: #AD3A8B;
}
#leftmenu ul li.active { background-image: url('/images/menu_bg_pink.jpg'); }
#leftmenu ul li.active a { color: #AD3A8B; }

/* CONTENT				*/
/* ******************** */
#content-full {
	float: left;
	width: 720px;
}
#content-half {
	float: left;
	width: 494px;
}

/* rightmenubar (SUB)	*/
/* ******************** */
#rightmenubar {
	float: right;
	padding-top: 20px;
	width: 230px;
	min-height: 300px;
}
ul.rightmenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.rightmenu li {
	border-bottom: 1px dotted #A7A5A5;
}
ul.rightmenu li a {
	display: block;
	padding: 9px 0 9px 14px;
	font-weight: bold;
}
ul.rightmenu li a:hover {
	color: #2651A8;
	background-color: #EBF0F6;
}
ul.rightmenu li a.active {
	color: #2651A8;
}

/* FOOTER				*/
/* ******************** */
#footer {
	background-color: #5B85C0;
	min-height: 90px !important;
	clear: both;
}
#footer .content {
	padding: 15px 0 15px 0;
	color: #ffffff;
	font-size: 11px;
}
#footer .content .left {
	float: left;
	width: 40%;
}
#footer .content .left a {
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}
#footer .content .left a:hover { text-decoration: none; }
#footer .content .right {
	float: right;
	width: 40%;
	text-align: right;
}
#footer-logo { display: none; }

/* ************************ */
/* Misc						*/
/* ************************ */

.content-spacer {
	width: 24px;
}
.separator {
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #d5d5d5;
}

#table_view {
	clear: both;
	margin-top: 12px;
	margin-bottom: 12px;
}
.table_row {
	clear: both;
	background-color: #f5f5f5;
}
.table_row, .table_row .table_data { background-color: #EBF0F6; }
.table_row .table_data {
	padding: 3px 0px 3px 6px;
	float: left;
	height: 20px;
	font-size: 12px;
	color: #444444;
	font-weight: bold;
}
.table_row .table_data input {
	padding-top: 0px;
	padding-bottom: 0px;
}
.table_row .left-margin { margin-left: 3px; }
.table_divider {
	clear: both;
	height: 2px;
}

input.button {
	border-top: 1px solid #8F8F8F;
	border-right: 1px solid #202020;
	border-bottom: 1px solid #202020;
	border-left: 1px solid #8F8F8F;
	background-color: #cdcdcd;
	text-align: center;
	width: 130px;
	padding: 2px 10px 2px 10px;
	cursor: pointer;
}

.enquiry_form .left { float: left; width: 170px; font-weight: 600; padding-top: 4px; }
.enquiry_form_partner .left { float: left; width: 220px; font-weight: 600; padding-top: 4px; }
.enquiry_form .right, .enquiry_form_partner .right { float: left; text-align: left; }
.enquiry_form .divider, .enquiry_form_partner .divider { clear: both; height: 10px; }
.enquiry_form .right input.text, .enquiry_form_partner .right input.text { border: 1px solid #808080; min-width: 250px; padding: 4px; }

table.table_hover tr:hover { background-color: #f0f0f0; }

.social_icons { border:0; margin-right:4px; width:25px; height:25px; }
.social_share_buttons { float:left; width:auto; min-width:32px !important; max-width:65px !important; margin-right:8px; }
.social_share_buttons_hide { display:none; }