@charset "utf-8";

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* Author		: Priyantha K. Weerabahu																																*/
/* Copyright	: OnlineLanka.info 2009																																	*/
/* File Name	: OnlineLanka.css 																																		*/
/* Purpose		: Style Sheet for OnlineLanka.info																														*/
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

H1, H2, H3 {font-family: verdana, arial, sans-serif;}
P {font-family: verdana, arial, sans-serif; font-size:12px;}
UL {font-family: verdana, arial, sans-serif; font-size:12px;}
LI {font-family: verdana, arial, sans-serif; font-size:12px;}
TD {font-family: verdana, arial, sans-serif; font-size:12px;}

#Menu {background:#FFFF99; margin: 5px 5px 5px 40px;}
#Menu li {display:block; float:left;}
#Menu ul {background:transparent; margin:0; padding:0; height:1em; list-style-type:none;}
	
.tabType {background:transparent;}
.tabType span {color:white; text-align:center; font-family: arial; font-size:15px; font-weight:normal; margin:0; padding-bottom:0.5em;}
.tabTop {background:transparent;}
.tabTop1, .tabTop2, .tabTop3, .tabTop4, .tabContent {display:block; background:#2B60DE; border-left:1px solid black; border-right:1px solid black;}
.tabTop1 {height:1px; overflow:hidden; margin:0 4px; border-top:1px solid black;}
.tabTop2 {height:1px; overflow:hidden; margin:0 3px;}
.tabTop3 {height:1px; overflow:hidden; margin:0 2px;}
.tabTop4 {height:1px; overflow:hidden; margin:0 1px;}

a.Menu {display:block; width:110px; font-size:5px; text-decoration:none;}
a.Menu:visited {display:block; text-decoration:none; width:110px; font-size:15px;}
a.Menu:hover {background:transparent; cursor:pointer;}
a.Menu:hover span {color:#2B60DE;}
a.Menu:hover .tabTop1, a.Menu:hover .tabTop2, a.Menu:hover .tabTop3, a.Menu:hover .tabTop4, a.Menu:hover .tabContent {background:white;}

.HeaderTitle {color: #FF0000; font-family: impact, arial; font-size: 24pt; font-weight: normal; height: 5%; width: 90%;}
.HeaderHome  {color: #FF0000; font-family: arial; font-size: 18pt; height: 5%; width: 10%;}
.MenuTable   {font-variant: small-caps; font-family: arial; font-size: 10pt; border: none; width: 90%;}
.Footer  {color: #FFFFFF;  background-color: #2B60DE; font-family: arial; font-size: 10pt; font-weight: Bold; height: 5%; width: 33%;}

body {
	margin: 0px;
	background-color: #FFFF99;
}

form {
	margin: 0px;
}

div, p, li {
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
}

.clsCMOn, .clsCMOver, .clsCMOverBold, .clsCMOverItalic, .clsCMOverUnderline, .clsCMOverColored {
	font-size: 14px;
	padding: 2px 4px;
	color: black;
}

.clsCMOverBold {
	font-weight: bold;
}

.clsCMOverItalic {
	font-style: italic;
}

.clsCMOverUnderline {
	text-decoration: underline;
}

.clsCMOverColored {
	color: red;
}

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

table {
	table-layout: auto;
	border-collapse: collapse;
	border-width: 0px;
	border-style: solid;
	border-color: #2B60DE;
	color: black;
	background-color: #FFFFFF;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
}

th {
	padding: 4px;
	font-size: 12px;
	border-width: 1px;
	border-style: solid;
	border-color: #2B60DE;
	background-color: #2B60DE;
	white-space: nowrap;
	vertical-align: middle;
}

td {
	padding: 4px;
	vertical-align: top;
	border-spacing: 0px;
	border-width: 0px;
	border-style: solid;
	border-color: #2B60DE;
	background-color: #FFFF99;
}

td.List {
	padding: 4px;
	vertical-align: top;
	border-width: 1px;
	border-style: solid;
	border-color: #2B60DE;
	background-color: #FFFFFF;
}

td.ListBold {
	font-weight: bold;
	padding: 4px;
	vertical-align: top;
	border-width: 1px;
	border-style: solid;
	border-color: #2B60DE;
	background-color: #FFFFFF;
}

td.RightBold {
	padding: 4px;
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
	vertical-align: middle;
}

table.Hidden {
	table-layout: auto;
	border-width: 0px;
}

table.Form {
	background-color: #FFFFFF;
}

td.Form {
	padding: 4px;
	vertical-align: top;
	border-width: 1px;
	border-style: solid;
	border-color: #2B60DE;
	background-color: #FFFFFF;
	vertical-align: middle;
}

td.FormRight {
	padding: 4px;
	vertical-align: top;
	border-width: 1px;
	border-style: solid;
	border-color: #2B60DE;
	background-color: #FFFFFF;
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
	vertical-align: middle;
}