body
{
	background-color:#E6EEF3;
    color: #333331;
    cursor: default;
    font-family: Segoe UI,Lucida Grande,arial,verdana,tahoma;
    font-size: 14px;
    height: 100%;
    letter-spacing: 0.01em;
    line-height: 16px;
}
#main ul,
#main ol
{
	margin:10px;
	margin-left:50px;
}
#main ul li,
#main ol li
{
	padding:2px;
}
b
{
	font-weight:bold;
}
div[role='document']
{
	width:1000px;
	margin:0 auto;
}
header[role='banner']
{
	margin-top:5px;
}
	#main-menu
	{
		list-style:none;
	}
		#main-menu li
		{
			float:left;
		}
		#main-menu a
		{
			background-color: #39A3DF;
			border: 1px solid #71C6F6;
			color: #FFFFFF;
			display: block;
			float: left;
			font-size: 15px;
			height: 17px;
			line-height: 16px;
			margin: 4px 4px 0 0;
			padding: 7px 12px 6px;
			text-decoration: none;
			text-shadow: 0 1px 0 #2D84B5;
		}
		#main-menu a:hover
		{
			background-color: #2297D9;
			border: 1px solid #92D4F9;
			color: #FFFFFF;
		}
		#main-menu a#selected
		{
			border-color:#FFF;
		}
	#main-navigation
	{
		padding-left:4px;
		background-color: #59B6EA;
		border-bottom: 4px solid #E6EEF3;
		font-family: Segoe UI,lucida grande,arial;
		height: 40px;
	}
	#search-box
	{
		float:right;
	}
	#search-box form
	{
		display:block;
		margin:6px 0;
		background-color:#E6E6E6;
		padding:4px;
		height:36px;
	}
	#search-box input::-webkit-input-placeholder
	{
	   color:#CCC;
	}
	#search-box input:-moz-placeholder
	{
	   color:#CCC;
	}

	#search-box input[type="search"]
	{
		outline:none;
		 font-family: Arial, Helvetica, sans-serif;
		border:1px solid #C4C4C4;
		font-size: 13px;
		height: 21px;
		margin-top: 0;
		width: 300px;
		margin: 2px 0 10px;
		background-color: #F5F7F7;
		width: 350px;
		height: 29px;
		padding: 0px 5px 0 4px;
		line-height:29px;
	}
	
	#search-box input[type="search"]:focus,
	#search-box input[type="search"]:active
	{
		box-shadow: 0 0 4px #E4E5E6;
		background-color: #FFFFFF;
	}
	#search-box input[type=submit]
	{
		vertical-align:top;
		margin-top:2px;
		
	}
	.button
	{
		outline:none;
		 padding: 0.34em 1.5em 0.4em;
		background-color: #7aa824;
		background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #77a423), color-stop(0.6, #93c436), color-stop(0.97, #aad15d), color-stop(0.99, #d4ed99));
		background: -moz-linear-gradient(bottom, #77a423, #93c436 60%, #aad15d 96%, #d4ed99 98%);
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border: 1px solid #81a340;
		border-bottom: 1px solid #708444;
		color: white;
		font:bold 15px arial,sans-serif;
		margin: 0;
		cursor: pointer;
		cursor: hand;
		display: inline-block;
		width: 80px;
		font-size: 12px;
		height: 30px;
		line-height:10px;
		/*ie8*/
		filter: 
			progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFaad15d, endColorstr=#FF77a423)
			progid:DXImageTransform.Microsoft.dropShadow(color=#8093c436, offX=-1, offY=0,  positive=true)
			progid:DXImageTransform.Microsoft.dropShadow(color=#8093c436, offX=1,  offY=0,  positive=true)
			progid:DXImageTransform.Microsoft.dropShadow(color=#807aa824, offX=0,  offY=1,  positive=true)
			progid:DXImageTransform.Microsoft.dropShadow(color=#ffb2d769, offX=0,  offY=-1, positive=true)
			progid:DXImageTransform.Microsoft.dropShadow(color=#807aa824, offX=-1, offY=0,  positive=true)
			progid:DXImageTransform.Microsoft.dropShadow(color=#807aa824, offX=1,  offY=0,  positive=true)
			progid:DXImageTransform.Microsoft.dropShadow(color=#807aa824, offX=0,  offY=1,  positive=true) 
			progid:DXImageTransform.Microsoft.dropShadow(color=#ffd4ed99, offX=0,  offY=-1, positive=true) /* highlight */
			progid:DXImageTransform.Microsoft.dropShadow(color=#70465822, offX=-1, offY=0,  positive=true) /* border */
			progid:DXImageTransform.Microsoft.dropShadow(color=#70465822, offX=1,  offY=0,  positive=true) /* border */
			progid:DXImageTransform.Microsoft.dropShadow(color=#70465822, offX=0,  offY=1,  positive=true) /* border */ 
			progid:DXImageTransform.Microsoft.dropShadow(color=#70465822, offX=0,  offY=-1, positive=true) /* border */ ;
		border: 0\0;
		height:26px\0;
	}
	.button:hover
	{
		color: white;
		opacity: 0.85;
		filter: 
			progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFb3d66f, endColorstr=#FF8bb340)
			progid:DXImageTransform.Microsoft.dropShadow(color=#6093c436, offX=-1, offY=0,  positive=true)
			progid:DXImageTransform.Microsoft.dropShadow(color=#6093c436, offX=1,  offY=0,  positive=true)
			progid:DXImageTransform.Microsoft.dropShadow(color=#607aa824, offX=0,  offY=1,  positive=true)
			progid:DXImageTransform.Microsoft.dropShadow(color=#ffb2d769, offX=0,  offY=-1, positive=true)
			progid:DXImageTransform.Microsoft.dropShadow(color=#607aa824, offX=-1, offY=0,  positive=true)
			progid:DXImageTransform.Microsoft.dropShadow(color=#607aa824, offX=1,  offY=0,  positive=true)
			progid:DXImageTransform.Microsoft.dropShadow(color=#607aa824, offX=0,  offY=1,  positive=true) 
			progid:DXImageTransform.Microsoft.dropShadow(color=#ffd4ed99, offX=0,  offY=-1, positive=true) /* highlight */
			progid:DXImageTransform.Microsoft.dropShadow(color=#70627c31, offX=-1, offY=0,  positive=true) /* border */
			progid:DXImageTransform.Microsoft.dropShadow(color=#70627c31, offX=1,  offY=0,  positive=true) /* border */
			progid:DXImageTransform.Microsoft.dropShadow(color=#70627c31, offX=0,  offY=1,  positive=true) /* border */ 
			progid:DXImageTransform.Microsoft.dropShadow(color=#70627c31, offX=0,  offY=-1, positive=true) /* border */ ;
	}
	a.common
	{
		color:#FFF;
		width: 130px;
		line-height:30px;
	}
div[role='main']
{
	background-color:#FFF;
	padding:5px;
	position:relative;
}
.ribbon-fold-left
{
	position:relative;
	margin:6px;
	margin-left:-6px;
	width:180px;
	background-color:#FFF;
	float:left;
}
	.ribbon-fold-left img
	{
		position:absolute;
		left:-7px;
		top:-4px;
	}
	.ribbon-fold-left .title
	{
		margin-left:-7px;
		padding:7px;
		font-size:18px;
		text-shadow: -1px 1px 0 #8CB52D;
		color:#FFF;
		border-radius:0px 4px 0 0px;
		-webkit-border-radius:0px 0 4px 0px;
		-moz-border-radius:0px 4px 0 0px;
		margin-bottom:3px;
		text-align:right;
	}
	.ribbon-fold-left .info
	{
		background:#F2F3F4;
		border-radius:0 0 4px 0;
		-webkit-border-radius:0 0 4px 0;
		-moz-border-radius:0 0 4px 0;
		text-align:right;
		padding:10px;
	}
	.ribbon-fold-left .info
	{
		display:block;
		font-size:25px;
	}
.ribbon-fold-right
{
	position:relative;	
}
	.ribbon-fold-right img
	{
		position:absolute;
		right:-13px;
		top:-4px;
	}
	.ribbon-fold-right header
	{
		background-color:#59B6EA;
		margin-right:-13px;
		padding:7px;
		font-size:14px;
		text-shadow: -1px 1px 0 #3F9FD4;
		color:#FFF;
		border-radius:4px 0 0 0px;
		-webkit-border-radius:4px 0 0 0px;
		-moz-border-radius:4px 0 0 0px;
		margin-bottom:3px;
		text-align:left;
	}
	.ribbon-fold-right section
	{
		background-color:#F2F3F4;
	}
	
.left
{
	float:left;
}
.right
{
	float:right;
}
#main .left
{
	width:720px;
}
#main .right
{
	width:260px;
}
	aside nav header
	{
		font-size:12px;
		font-weight:bold;
		padding:5px;
	}
	aside nav ul
	{
		margin:15px;
	}
	aside section
	{
		background-color:#F2F3F4;
		padding:4px;
		width:258px;
		border-radius:0 0 0 4px;
		-webkit-border-radius:0 0 0 4px;
		-moz-border-radius:0 0 0 4px;
		margin-bottom:10px;
	}
	aside td
	{
		padding:4px;
	}
	#user
	{
	}
		#user label
		{
			font-size:12px;
		}
		#user input
		{
			width:220px;
			background-color: #F5F7F7;
			border: 1px solid #DDDEDF;
			padding: 7px 6px 8px;
			margin:6px;
			margin-left:12px;
		}
		#user input:focus
		{
			background-color: #FFFFFF;
			border: 1px solid #9DD2F3;
		}
		#user input:active
		{
			border: 1px solid #9DD2F3;
		}
	#kural-holder
	{
		background-image: url("../img/valluvar.jpg");
		background-repeat: no-repeat;
		background-position:20px 10px;
	}
		#kural
		{
			background-image: url("../img/blockquote-bg.png");
			background-position: right bottom;
			background-repeat: no-repeat;
			border-left: 4px solid #A5D34B;
			color: #71716A;
			font-style: italic;
			line-height: 20px;
			margin: 0 0 20px 140px;
			padding-left: 20px;
			padding-right: 60px;
			margin-top:10px;
			font-size:12px;
		}
			#kural h2
			{
				font-style:normal;
				font-size:16px;
				padding:5px;
				color:#0078B3;
			}
			#kural blockquote
			{
				color:#000;
				font-style:normal;
				padding:2px;
			}
	.search_result
	{
		display:block;
		padding:5px;
		border-left:4px solid #FFFFFF;
		border-bottom:1px dashed #F3F3F3;
		font-size:12px;
	}
	.search_result:hover
	{
		border-left:4px solid #A5D34B;
	}
		.search_result a
		{
			display:block;
			text-transform:capitalize;
			font-size:18px;
			padding:2px 0;
		}
		.search_result a:hover
		{
			text-decoration:underline;
		}
		.G
		{
			color:#006600;
		}
		.gray
		{
		color: #666666;
		}
	#content
	{
	}
	#content h2
	{
		border-bottom: 4px solid #E6EEF3;
		color: #555555;
		font-size: 23px;
		font-weight: normal;
		margin: 20px 20px 10px 0;
		padding-bottom: 10px;
	}
.green
{
	background-color:#87CC18;
}
/**/
h1
{
	margin:5px;
	border-bottom: 4px solid #59B6EA;
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    line-height: 32px;
    margin-top: 4px;
    padding-bottom: 8px;
    padding-right: 0;
    text-shadow: -1px 1px 0 #F2F3F4;
}
h1:hover
{
	 border-bottom: 4px solid #87CC18;
}
h2
{
	font-size:14px;
	font-weight:bold;
	padding:5px;
}
.home-content
{
	
}
	.home-content h2
	{
		margin-top:10px;
		padding:8px;
		background-color: #EEF3E6;
		color: #8CB52D;
		font-weight: bold;
		font-size:14px;
		text-decoration: none;
	}
	.home-content  h2.blue
	{
		background-color: #E6EEF3;
		color: #2297D9;
	}
	.home-content a
	{
		font-size:12px;
	}
	.home-content ul
	{
		margin:0;
		padding:0;
		list-style:square;
		width:160px;
		float:left;
		
	}
	.home-content li
	{
		padding:0;
		margin:0;
	}
.example
{
	display:block;
	padding:5px;
	margin-top:3px;
	margin-bottom:3px;
	border-bottom:1px solid #E8E8E8;
}
table .category
{
	display:block;
	padding:4px;
	padding-left:0;
}
#case
{
	
}
	#case table
	{
		margin:8px;
	}
	#case th
	{
		font-weight:bold;
		background-color:#E8E8E8;
	}
	#case td,
	#case th
	{
		padding:5px;
		border:1px solid #CCC;
	}
	#case tr:nth-child(odd) td
	{
		background-color:#F8F8F8;
	}
#compound table
{
	margin:4px;
}
#compound th,
#compound td
{
	border-bottom:1px solid #CCC;
}
#vote
{
	border-top:4px solid #59B6EA;
	padding:5px;
	font-size:12px;
	text-align:right;
	color:#515756;
	margin-top:10px;
}

#help-add-word
{
	font-size:12px;
	border:1px solid #1BB3FC;
	padding:10px;
	background-color:#F0FAFF;
}
#footer
{
	text-align:center;
	margin-top:10px;
}
#login-status
{
	font-size:10px;
	border:1px solid #28CAFF;
	padding:2px;
	background-color:#DDF3FF;
	margin:4px 0;
}
.newuser
{
	border:1px solid #FE2E43;
}
#footer a:hover
{
	text-decoration:underline;
}
.img-thumbs
{
	display:inline-block;
	position:relative;
	padding:2px;
	margin:2px;
	border:1px solid #59B6EA;
}
	.img-thumbs a .loading
	{
		display:none;
		position:absolute;
		background-image:url(../img/loading.gif);
		background-repeat:no-repeat;
		background-position:3px 4px;
		width:60px;
		height:25px;
		top:68px;
		background-color:#FFFFFF;
		opacity:0.8;
	}
	.load .loading
	{
		display:block;
	}
#dialog-box
{
	display:none;
	position:fixed;
	background-color:#FFFFFF;
	top:50px;
	max-width:800px;
	max-height:640px;
	padding:15px;
	border:1px solid #59B6EA;
}
	#dialog-box img
	{
		max-width:800px;
		max-height:600px;
	}
	#dialog-box a
	{
		display:inline-block;
		background-color:#FF0000;
		padding:5px;
		color:#FFFFFF;
	}