@charset "UTF-8";
/* ----------------- RESET BROWSER STYLES ----------------- */

body { background:#f5f5f5 url(../../images/blue/background.png) left top repeat-x; height:100%; }
*{  font-family:"Lucida Sans Unicode", "Lucida Grande",Arial, sans-serif; }
body, h1, h2, h3, h4, h5, h6, form, label, ul, li, p { margin:0; padding:0; }
ul, li{ list-style:none; }
img	{ border:0; }
a { text-decoration:none; }
input:focus, textarea:focus, select:focus, a, img { outline:none; text-shadow:none; }
input, textarea, select { font-size:12px; }

/* -------------------- DOCUMENT STYLES -------------------- */

#header	{ min-width:960px; max-width:1280px; margin:0 auto; height:130px; position:relative; }
.logo	{ position:absolute; margin:15px 0 0 15px; }
.logo2	{ position:absolute; right:0; padding:20px 20px 10px 20px; }

#nav	{ float:right; margin-top:75px; margin-right:20px; }
	#nav li	{ float:left; }
	#nav li a { padding:13px 20px 10px 20px; margin:1px; height:16px; font-weight:normal; font-size:13px; color:white; background-color:#0090C0; display:block; float:left; }
	#nav li a:hover		{ background-color:#e6e6e6; color:black; }
	#nav li a.sel		{ padding:13px 20px 20px 20px; height:15px; background-color:#f5f5f5; color:black; cursor:default; }
	#nav li a, .title,#nav li a.first-child	{ -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; }
		#nav li ul				{ position:absolute; display:none; -moz-box-shadow:0 0 10px #666; -moz-border-radius:10px;  -webkit-box-shadow:0 0 10px #666; -webkit-border-radius:10px; }
		#nav li li				{ float:none; }
		#nav li li a			{ padding:8px 20px 15px 20px; background-color:#e6e6e6; color:black; margin:0; height:12px; -webkit-border-radius:0; -moz-border-radius:0; }
		#nav li li a:hover 		{ color:white; background-color:#09C; }
		#nav li ul,#nav li a.last-child { -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; }
		#nav li:hover>ul		{ display:block; }
		#nav li a.first-child	{ padding:13px 20px 15px 20px; margin-bottom:0; }
		#nav li a.first-child:hover { background-color:#e6e6e6; color:black; }
		#nav li ul.one li a		{ width:110px; }
		#nav li ul.two li a		{ width:102px; }
		#nav li ul.three li a	{ width:76px; }

#container		{ padding:0 20px; }
#wrapper		{ background-color:#f5f5f5; border:solid 1px #dcdcdc; padding:20px; min-width:920px; max-width:1200px; margin:20px auto; }

.title			{ background:#09C url(../../images/titleBg.png) left bottom repeat-x; padding:15px 15px 10px 15px; color:white; font-weight:bold; font-size:14px; }
	.title a		{ display:inline-block; float:right; font-weight:normal; font-size:12px; color:white; background:url(../../images/backBtnBg.png) left top no-repeat; padding:2px 12px 4px 18px; }
	.title a:hover	{ text-shadow:0 0 10px white; }

.menu			{ padding:10px; background-color:#dedede; border-bottom:solid 1px #d1d1d1; }
	.menu span			{ font-weight:normal; font-size:13px; }
	.menu a, .submenu a	{ font-weight:normal; font-size:13px; color:black; padding:2px 15px; display:inline-block; -moz-border-radius:20px; -webkit-border-radius:20px; text-shadow:0 1px 1px #fff; }
	.menu a:hover,
	.submenu a:hover	{ background-color:#f1f1f1; }
	.menu a.sel,
	.submenu a.sel		{ background-color:#666; color:white; cursor:default; text-shadow:0 1px 1px #000; }

.submenu	{ padding:7px 10px; background-color:#f1f1f1; border-bottom:solid 1px #e2e2e2; }
	.submenu span	{ float:right; font-weight:normal; font-size:13px; }
	
	.submenu ul	{ position:absolute; margin-top:-32px; margin-left:233px; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999;  }
	.submenu li a	{ background-color:white; display:block; padding:5px 20px; -moz-border-radius:0; -webkit-border-radius:0; }
	.submenu li a.first-child { -webkit-border-top-left-radius:15px; -webkit-border-top-right-radius:15px; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; padding:10px 20px; }
	.submenu li a.last-child { -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; }
	.submenu li a.first-child:hover { background-color:white; }

.leftNav li a		{ background-color:#afe0f0; border:solid 1px #fff; color:black; display:block; padding:10px 20px; margin:10px 15px 10px 0; font-weight:bold; font-size:13px; text-shadow:0 -1px 1px #fff; -webkit-border-radius:10px; -moz-border-radius:10px; -moz-box-shadow:1px 1px 2px #ccc; -webkit-box-shadow:1px 1px 2px #ccc; }
	.leftNav li a:hover	{ background-color:#bbb; }
	.leftNav li a.sel	{ background-color:#444; color:white; text-shadow:0 1px 1px #000; cursor:default; }

#footer		{ font-weight:normal; font-size:11px; text-align:center; background-color:#333; color:white; height:15px; padding:3px 0; position:fixed; bottom:0; width:100%; z-index:10000000; }

.pyramid { float:right; margin-top:-400px; position:relative; }

/* -------------------- DATA GRID STYLES -------------------- */

.p10{ padding:10px; }.p10tb{ padding:10px 0; }.p10lr{padding:0 10px; }.p20tb{ padding:20px 0; }.p20lr{padding:0 20px; }.m10{ margin:10px; }.m20tb{margin:20px 0; }.m30{ margin:30px; }.m30tb{ margin:30px 0; }.m20lr{ margin:0 20px; }
.border{ border:solid 1px #ccc; }.borderTop{ border-top:solid 1px #ccc; }.borderBottom{ border-bottom:solid 1px #ccc; }

.dataGrid						{ font-size:12px; }
	.dataGrid tr:first-child td		{ background-color:#ededed; border-bottom:solid 1px #e2e2e2; font-weight:bold; }
	.dataGrid td					{ border-bottom:solid 1px #e7e7e7; }
	.dataGrid tr:nth-child(2n+3) td	{ background-color:#f2f2f2; font-weight:normal; }

.dataGrid2						{ font-size:12px; border:solid 1px #eee; }
.dataGrid2 tr:first-child td	{ background-color:#afe0f0; color:black; border-bottom:solid 1px #e2e2e2; font-weight:bold; }
.dataGrid2 tr:nth-child(2n+3) td{ background-color:#f2f2f2; font-weight:normal; }

.dataGrid3		{ font-size:12px; border-style:solid; border-color:#e2e2e2; border-width:0 0 1px 1px; }
	.dataGrid3 td	{ border-style:solid; border-color:#e2e2e2; border-width:1px 1px 0 0; }
	.dataGrid3 td table		{ border-style:solid; border-color:#e2e2e2; border-width:0 0 1px 1px; }
	.dataGrid3 td textarea	{ width:99%; }
	.bdrpad	{ border:solid 1px #e2e2e2; padding:10px; }

.dataGridHeader { background-color:#09C; color:white; font-size:13px; font-weight:bold; padding:5px 10px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; }

.viewDetails 	{ cursor:pointer; }
#arrow			{ float:right; }

#patData		{ padding:10px 0; }
	#patData p		{ margin:3px 0; }
	#patData .links	{ position:absolute; margin-top:-25px; }

.arrow { float:right; padding:3px; cursor:pointer; }

#pagenation			{ text-align:right; margin:25px 0; }
	#pagenation a		{ display:inline-block; font-weight:normal; font-size:11px; color:black; background-color:#f1f1f1; padding:2px 10px; margin:-2px; overflow:hidden; -webkit-box-shadow:0 1px 2px #999; -moz-box-shadow:0 1px 2px #999; }
	#pagenation a:first-child	{ color:black; background:url(../../images/btnBg.png) left bottom repeat-x; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; }
	#pagenation a:last-child	{ color:black; background:url(../../images/btnBg.png) left bottom repeat-x; -webkit-border-top-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; }
	#pagenation a:hover { background-color:#fff; }
	#pagenation a.sel	{ background-color:#ccc; font-weight:bold; }

.error_msg,
.success_msg	{ margin:25px 0; padding:5px; text-align:center; font-weight:normal; font-size:13px; }
.error_msg		{ background-color:#fff4d3; border:solid 1px #ffcda1; color:#C00; }
.success_msg	{ background-color:#d7f5c8; border:solid 1px #c8e1af; color:#360; }
.success_msg a	{ color:#360; font-weight:bold; text-decoration:underline; padding-left:25px; }
.mandatory		{ font-weight:bold; font-size:16px; color:red; padding:0 10px; }

.tabMenu		{ overflow:hidden; }
	.tabMenu a		{ background-color:#afe0f0; color:black; display:block; float:left; padding:5px 20px; margin:1px; font-weight:bold; font-size:13px; text-shadow:0 -1px 1px #fff; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; }
	.tabMenu a.sel	{ background-color:#09C; color:white; margin:0; padding:6px 20px; text-shadow:0 1px 1px #000; cursor:default; }
	.tabMenu a:hover{ background-color:#09C; color:white; text-shadow:0 0 0 #000; }
	.tabMenu a:first-child { margin-left:0; }
	.tabMenu a.sel:hover { background-color:#09C; }

.h3		{ font-weight:normal; font-size:13px; color:white; background-color:#666; padding:4px 10px; margin-top:10px; text-shadow:0 1px 1px #000; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; }
	.h3 span{ float:right; }
	.h3 span label	{ padding:0 20px; cursor:pointer; }
	.h3 span a		{ color:#666; }
	.h3 span a:hover{ color:#ccc; text-shadow:0 1px 1px #000; }
	.h3 span label:hover { color:#ccc; }

.box	{ border:solid 1px #e1e1e1; padding:10px; }
.heading{ font-weight:bold; font-size:12px; }
.content{ font-weight:normal; font-size:12px; }

.hosImg	{ border:solid 1px #ccc; background-color:white; padding:2px; }


/* -------------------- FORM STYLES -------------------- */

.form			{ padding:20px; }
	.form li		{ padding:5px; display:block; overflow:hidden; }
	.form li div	{ float:left; padding:5px; font-size:13px; }
	.form li div:first-child { width:35%; font-weight:normal; text-align:right; padding-top:7px; }
	.form li div:last-child { width:60%; font-weight:normal; }
	.form li label	{ margin-left:15px; }
	.form li label:first-child { margin-left:0; }
	form .button	{ font-size:12px; }
	.errDiv			{ background-color:#c00; color:white; -moz-border-radius:5px; -webkit-border-radius:5px; }
	.errDiv span	{ padding:0 10px; }

.textbox, textarea	{ background:white url(../../images/inputBg.png) left top no-repeat; border-style:solid; border-width:0 1px 1px 0; border-color:#7c7c7c #c3c3c3 #ddd #c3c3c3; padding:2px 4px; -moz-border-radius:2px; -webkit-border-radius:2px; }
	.textbox:focus, .textarea:focus	{ background-color:#fefeee; }
	.textarea		{ width:99%; }

.setImg			{ background-color:#fff; width:130px; padding:10px 5px 5px 5px; text-align:center; border:solid 1px #dedede; -moz-border-radius:10px; -webkit-border-radius:10px; }
	.img			{ background:url(../../images/icons/Buddy.png) center center no-repeat; width:120px; height:115px; margin:0 auto; }
	.setImg a		{ font-weight:normal; font-size:14px; background-color:#ddd; color:black; display:block; margin:5px; -moz-border-radius:10px; -webkit-border-radius:10px; }
	.setImg a:hover { background-color:white; }
	.setImg a:active{ background-color:#bbb; color:white; text-shadow:none; }

.top			{ padding:7px 5px; text-transform:uppercase; font-size:13px; background-color:#333; color:white; display:block; position:fixed; right:0;
-webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px;}
.top:hover		{ padding:7px 10px; }

.cs				{ padding:20px; border:solid 1px #ccc; }
	.cs fieldset	{ margin:20px 0; padding:15px; border:dotted 1px #bbb; -moz-border-radius:5px; -webkit-border-radius:5px; }
	.cs legend		{ background-color:#afe0f0; text-shadow:-1px -1px 0 #fff; color:black; font-weight:bold; font-size:13px; padding:2px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; }
	.cs legend label{ font-weight:normal; margin-left:50px; }


/* ------------------- BUTTON STYLES ------------------- */

.button			{ font-weight:normal; font-size:12px; color:black; border:solid 1px #c1c1c1; background:white url(../../images/btnBg.png) left bottom repeat-x; margin:0 2px; padding:2px 15px; cursor:pointer; -webkit-border-radius:15px; -moz-border-radius:15px; text-shadow:0 1px 0 white }
.button:hover	{ background-position:left 5px; }
.button:active	{ background-color:#e1e1e1; }

.enter			{ background:#666 url(../../images/icons/enter.png) no-repeat left top; display:block; width:18px; height:18px; text-indent:-9999px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.enter:hover	{ background-color:#000; }
.addItem		{ background:#666 url(../../images/icons/add24.png) no-repeat left top; display:block; width:24px; height:24px; text-indent:-9999px; -moz-border-radius:15px; -webkit-border-radius:15px; }
.addItem:hover	{ background-color:#000; }
.link1			{ color:#555; text-decoration:underline; }
.link1:hover	{ color:#000; text-decoration:none; }

.ctrlPanel li a	{ text-transform:uppercase; color:black; font-size:13px; display:block; padding:15px 50px; background:url(../../images/icons/admin_user.png) 5px center no-repeat; border-bottom:dotted 1px #ccc; }
.ctrlPanel li a:hover { background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; text-shadow:-1px -1px 0 #fff; }

.alphabets	a	{ display:inline-block; font-weight:normal; font-size:11px; color:black; background-color:#f1f1f1; padding:2px 10px; margin:-2px; overflow:hidden; -webkit-box-shadow:0 1px 2px #999; -moz-box-shadow:0 1px 2px #999; text-transform:uppercase; }
	.alphabets a:hover { background-color:#fff; }

.patCategory	{ margin-top:20px; }
	.patCategory a	{ display:block; font-weight:normal; font-size:13px; color:white; text-shadow:0 1px 1px #000; padding:4px 15px; margin:2px; text-align:center; -moz-border-radius:20px; -webkit-border-radius:20px; background-color:#666; border:solid 2px #fff; -moz-box-shadow:1px 1px 3px #ccc; -webkit-box-shadow:1px 1px 3px #ccc; }
	.patCategory a:hover { -moz-box-shadow:1px 1px 3px #fff; -webkit-box-shadow:1px 1px 3px #fff; }
	.patCategory a.sel		{ background-image:url(../../images/arrow_white.png); background-position:right center; background-repeat:no-repeat; }
	.patCategory a#sp.sel	{ background-image:url(../../images/arrow_black.png); background-position:right center; background-repeat:no-repeat; }
	.patCategory a#np		{ background-color:#060; }
	.patCategory a#gp		{ background-color:#09f; }
	.patCategory a#sp		{ background-color:#ff0; color:black; text-shadow:0 1px 1px #fff; }
	.patCategory a#ss		{ background-color:#f90; }


