/*****************************************************************************
*	Filename	:	style-home.css
*	Purpose		:	This is Cascade Style Sheet file for Home page
*	
*	Author		:	Rajesh Wadhwani
*	Created		:	04-May-2009
*	Modified	:	04-May-2009, 24-May-2009, 21-June-2009, 28-June, 2009
*					01-Aug-2009, 02-Aug-2009
*	Modified by	:	Rajesh Wadhwani
*	Copyright	:	Room 101 Limited, 2009
******************************************************************************/

body {
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 13px;
	margin: 0px auto;
	width: 100%;
	background-color: #ffffff;
	color: #000000;
	text-align: center;
}

/**************************
*	Headings
**************************/
h1 { font-size: 20px; }
h1, h2, h3, h4 {
	color: #000000;
	margin-top: 0px;
	margin-bottom: 15px;
}
.sub-heading {
	font-size: 15px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 8px;
}

/**************************
*	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; }

/**************************
*	Floats
**************************/
.float-left { float: left; }
.float-right { float: right; }
.clear { clear: both; }

/**************************
*	Font colours
**************************/
.white { color: #FFFFFF; }
.black { color: #000000; }
.gray { color: #7d7d7d; }
.light-gray, .light-grey { color: #e5e5e5; }
.dark-gray, .dark-grey { color: #404040; }
.blue { color: #2c5779; }
.light-blue { color: #6892ba; }
.red { color: #FF0000; }
.skin { color: #fde4bf; }

/**************************
*	Background colours
**************************/
.black-bg { background-color: #000000; }
.white-bg { background-color: #ffffff; }
.gray-bg { background-color: #7d7d7d; }
.light-gray-bg, .light-grey-bg { background-color: #e5e5e5; }
.dark-gray-bg, .dark-grey-bg { background-color: #404040; }
.blue-bg, .dark-blue-bg { background-color: #2c5779; }
.light-blue-bg { background-color: #6892ba; }
.skin-bg { background-color: #fde4bf; }

/**************************
*	Hyper links
**************************/
.uline-onhover { text-decoration: none; }
.uline-onhover:hover { text-decoration: underline; }
.no-uline-onhover { text-decoration: underline; }
.no-uline-onhover:hover { text-decoration: none; }

/**************************
*	Topbar
**************************/
#topbar-container {
	clear: both;
	margin: 0px auto;
	width: 100%;
	background-color: #6892ba;
}
#topbar {
	clear: both;
	width: 940px;
	min-width: 940px;
	max-width: 940px;
	height: 70px;
	padding: 12px 30px 2px 30px;
	border-left: 0px ridge #a0a0a0;
	border-right: 0px ridge #a0a0a0;
	background-color: #6892ba;
	text-align: left;
}

#topbar #logo img {
	border: 0px;
	position: absolute;
}
#topbar #logo .slogan {
	margin-top: 40px;
	margin-left: 46px;
	position: absolute;
	font-size: 14.5px;
	color: #ffffff;
}

/**************************
*	Top-menu
**************************/
#topmenu-container {
	clear: both;
	margin: 0px auto;
	margin-top: 1px;
	width: 100%;
	background-color: #2c5779;
}
#topmenu {
	clear: both;
	margin-top: 1px;
	width: 1000px;
	border-left: 0px ridge #a0a0a0;
	border-right: 0px ridge #a0a0a0;
	text-align: left;
}
#topmenu .topmenu-item {
	float: left;
	padding: 4px 8px 4px 8px;
	color: #ffffff;
}
#topmenu .topmenu-item a {
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
#topmenu .topmenu-item a:hover { text-decoration: underline; }

/**************************
*	Main-container
**************************/
#main-container {
	clear: both;
	margin: 0px auto;
	width: 100%;
	background-color: #ffffff;
}

/**************************
*	Main-content
**************************/
#main-content {
	clear: both;
	width: 940px;
	padding: 20px 30px 30px 30px;
	border-left: 0px ridge #a0a0a0;
	border-right: 0px ridge #a0a0a0;
	text-align: left;
}
#main-content #left-content {
	float: left;
	width: 650px;
}
#main-content #right-content {
	float: right;
	width: 260px;
}

.latest-news ul {
	list-style-type: circle;
}
.latest-news ul li {
	margin-top: 5px;
	margin-bottom: 5px;
}

/**************************
*	Term
**************************/
.term .term-header{
	height: 25px;
	z-index: 1000;
}
.term .term-header:hover { background-color: #e5e5e5; }
.term .term-heading {
	float: left;
	color: #404040;
	font-weight: bold;
	margin-top: 1px;
	padding: 3px 0px 5px 10px;
	cursor:  pointer;
	width: 68%;
}
.term .show-hide-term {
	float: right;
	text-align: right;
	font-size: 10.5px;
	color: #404040;
	padding-top: 6px;
	cursor:  pointer;
	width: 27%;
}
.term .term-heading:hover { color: #000000; }
.term .show-hide-term .show-hide {
	color: #404040;
	text-decoration: none;
}
.term .show-hide-term .show-hide:hover {
	color: #000000;
	text-decoration: underline;
}
.term .refresh {
	visibility: hidden;
	color: #114e89;
	text-decoration: none;
}
.term .refresh:hover {
	text-decoration: underline;
}
.term .term-definition {
	clear: both;
	padding: 3px 10px 8px 10px;
	display: none;
	font-size: 12px;
}
.term .term-separator {
	clear: both;
	border-bottom: 1px dotted #404040;
}
.term:hover .term-separator { border-bottom: 1px dotted #000000; }

/**************************
*	Register
**************************/
.register-heading {
	border: 1px solid #a0a0a0;
	background-color: #0e4563;
	padding: 2px;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	clear: both;
	margin-top: 24px;
	margin-bottom: 4px;
}
.register-content {
	clear: both;
	padding: 5px 0px 5px 0px;
}
.register-title {
	float: left;
	width: 170px;
	text-align: right;
	margin-right: 12px;
}
.register-form {
	float: left;
	width: 300px;
}
.register-form input.bg { min-width: 150px; }

/**************************
*	Login Box
**************************/
#login-box {
	clear: both;
	margin-top: 30px;
	border: 1px solid #404040;
	padding: 20px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
}

/**************************
*	Footer
**************************/
#footer-container {
	margin: 0px auto;
	width: 100%;
	border-top: 1px dotted #404040;
}
#footer {
	clear: both;
	width: 940px;
	min-width: 940px;
	max-width: 940px;
	padding: 12px 30px 3px 30px;
}
#footer .footer-column {
	float: left;
	width: 165px;
	font-size: 11.3px;
	margin-right: 55px;
}
#footer .footer-column .footer-heading {
	clear: both;
	color: #404040;
	font-weight: bold;
	padding: 2px;
	border-bottom: 2px solid #404040;
	margin-bottom: 8px;
	text-align: left;
}
#footer .footer-column .footer-link {
	clear: both;
	padding: 2px;
	border-bottom: 1px dotted #404040;
	margin-top: 2px;
	text-align: left;
}
#footer .footer-column .footer-link a {
	color: #404040;
	font-size: 11.3px;
	text-decoration: none;
}
#footer .footer-column .footer-link a:hover { color: #114e89; }
#footer #footer-separator {
	clear: both;
	margin-left: -30px;
	margin-right: -30px;
	height: 2px;
	border-top: 1px dotted #404040;
}
#footer #footer-msg {
	clear: both;
	padding: 2px 0px 0px 0px;
}
#footer #footer-msg div { font-size: 8.5pt; }

/**************************
*	Input, select, textarea
**************************/
input.bg, .textarea_bg, select.bg {
	background: url('/images/input_bg.jpg') repeat-x;
	border: 1px solid #808080;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	height: 18px;
}
select.bg { height: 21px; }

/**************************
*	Misc
**************************/
.tiny-font { font-size: 11.3pt; }
.dotted-line { border-bottom: 1px dotted #404040; }
.button {
	border-top: 1px solid #7d7d7d;
	border-left: 1px solid #7d7d7d;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background: url('/images/button_bg.jpg') repeat-x;
	text-align: center;
	color: #ffffff;
	width: 100px;
	min-width: 100px;
	padding: 2px 10px 2px 10px;
}

#msg {
	background-color: #e5e5e5;
	color: #000000;
}
#msg, #error {
	padding: 10px;
	border: 1px solid #a0a0a0;
	font-weight: bold;
	margin-bottom: 12px;
}
#error {
	background-color: #C90000;
	color: #ffffff;
}