﻿@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */

div, h1, h2, h3, p, ul, ol, li, img, form {
	padding: 0px; border: 0px; list-style: none;
}

a:link
{
	color: #c80000;
	text-decoration: none; 
}
a:visited
{
	color: #c80000;
	text-decoration: none;
} 
a:active 
{
	color: #c80000;
	text-decoration: none;
}
a:hover
{
	color: #0072bc;
	text-decoration: underline;	
}

.brand    {background-color:#cfcfcf;	font-family: Arial; font-size:12px; font-weight: bold; color: #4c4c4c; padding:3px 5px 3px 5px; border:1px solid #e2e2e2; line-height: 13pt;}

body
{
	font-family: Arial;
	font-size  : 12px;
	_background-color: rgb(0,0,0);
	color: #656565;
	margin:0px;
	background:#fff url('images/bg-inside.gif') repeat-x;
	padding:0px;
}

table
{
	font-family: Arial;
	font-size  : 12px;
	padding:0px;
	margin:0px;
	border-collapse: collapse;
}

p {text-align:justify; line-height:13pt; padding:0px; margin:0px;}

.leftalign { float:left; }

img{border:0px;}

/*---------------Wrapper Styling---------------*/
/*--------------------------------------------*/
html, body      {height: 100%; padding:0px; margin:0px;}
.wrapper-home   {position: relative; width: 100%; margin: 0 auto; text-align: left; background:#fff}
.wrapper-home   {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */}
.wrapper        {position: relative; width: 100%; margin: 0 auto; text-align: left; background:#fff}
.wrapper        {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; background-image:url(images/bg-left.gif); background-position:left; background-repeat:repeat-y /* the bottom margin is the negative value of the footer's height */}
.footer         {position: fixed; width: 100%; margin: 0 auto; background: #ffffff url('images/bg-bottom.gif') repeat-x bottom; bottom:0px;}
.footer, .push  {height: 50px; /* .push must be the same height as .footer */}
/*---------------Wrapper Styling---------------*/
/*--------------------------------------------*/


/*---------------Header Styling---------------*/
/*-------------------------------------------*/
#headerpan		{width:100%; background:#FFF; height:110px;}
#headerpan .top-color   {width:100%; background:#1b1b1b; height:104px;}
#headerpan .top-line   {width:100%; height:5px; background:#c80000; line-height:5px;}
#headerpan .white-line   {width:100%; background:#fff; line-height:1px;}
#headerpan .logo	{padding-left:10px; display:inline-block; float:left}
#headerpan .nav	{width:764px; display:inline-block; float:right;}
/*---------------Header Styling---------------*/
/*-------------------------------------------*/


/*---------------Body Container Styling---------------*/
/*---------------------------------------------------*/
#body-container			{width:100%; padding:0px; margin:0px;}
#body-container #rightpanel {width:100%; background:#000; height:20px; float:right; margin:0px auto;}
#body-container .header			{width:99.90%; margin:0px auto; float:left; background-color:#808080; height:30px; line-height:22pt; color:#fff; font-size:13px; font-weight:bold; text-transform:uppercase;}
#body-container .search-area			{width:100%; margin:0px auto; float:left; background-color:#d4d4d4; height:50px;}
#body-container .container			{width:793px; margin:0px auto; float:left; padding-left:10px;}

/*---------------Body Container Styling---------------*/
/*---------------------------------------------------*/


/*---------------Footer Styling---------------*/
/*-------------------------------------------*/
#footer-containerpan    {width:100%; background:#FFF; height:50px; background-image:url(images/bg-bottom.gif)}
#footer-containerpan .bottom    {width:95%; font-size:11px; color:#c0c0c0; float:none; margin:0px auto; line-height:13pt;}

#footer-containerpan .bottom a    { text-decoration:underline; color:#c0c0c0}
#footer-containerpan .bottom a:hover    { text-decoration:none; color:#c0c0c0}
/*---------------Footer Styling---------------*/
/*-------------------------------------------*/


/*---------------Login Screen Styling---------------*/
/*-------------------------------------------------*/
#loginbox			{width:400px; margin:0px auto; float:none; top:50%; height:300px; margin-top:-150px; position:absolute; left:50%; margin-left:-200px}
#loginbox .bg		{width:400px; margin:0px auto; background-color:#e9e9e9; -moz-border-radius:8px; border-radius:8px; box-shadow: 0px 0px 10px #cecece;}
#loginbox .bg .login{width:218px; margin:0px auto; text-align:center}

.login .username {width:176px; margin:0px auto; height:29px; background-image:url(images/bg-user.png); border:0px; background-repeat:no-repeat; line-height:20pt; padding-left:42px; color:#777777; font-size:12px; background-color:transparent;}
.login .password {width:176px; margin:0px auto; height:29px; background-image:url(images/bg-password.png); border:0px; background-repeat:no-repeat; line-height:20pt; padding-left:42px; color:#777777; font-size:12px; background-color:transparent;}

.login a { text-decoration:underline; color:#185da4;}
.login a:hover { text-decoration:none; color:#185da4;}

#loginbox .tb-submit  {background:#262626; width:52px; cursor:pointer; height:22px; color:#fff; border:0px; border:1px solid #191919; font-size:12px; padding:0px; float:right;}
#loginbox .check {font-size:12px; color:#8e847c; line-height:21px; border:0; float:left;}
/*---------------Login Screen Styling---------------*/
/*-------------------------------------------------*/




/*---------------Left Styling---------------*/
/*-----------------------------------------*/
#leftpannel {width:200px; margin:0px auto; float:left;}
#leftpannel .nav {width:200px; margin:0px; padding:0px; float:right;}

#leftpannel .nav ul {padding:0px 0px 0px 05px; margin:0px 0px 0px 10px;}
#leftpannel .nav {width:200px; margin:0px; padding:0px; float:right;}

#leftpannel .nav ul {padding:0px; margin:0px;}
#leftpannel .nav li {font-size:12px; background-image:url(images/nav-bullet.gif); background-position:left top; padding-left:25px; background-repeat:no-repeat; line-height:13pt; display:block;}

#leftpannel .nav a          {font-size:12px; background-image:url(images/nav-bullet.gif); background-position:left; padding-left:28px; background-repeat:no-repeat; line-height:13pt; display:block; text-decoration:none; border:1px dashed #ccc; border-width:0px 0px 1px 0px; padding-top:2px; padding-bottom:2px; color:#000}
#leftpannel .nav a:hover    {font-size:12px; background-color:#fff; background-image:url(images/nav-bullet-mo.gif); background-position:left; padding-left:28px; background-repeat:no-repeat; line-height:13pt; display:block; text-decoration:none; color:#000}
#leftpannel .nav .hr        {border:1px dashed #ccc; border-width:0px 0px 1px 0px; line-height:1px; height:0px;}

#leftpannel .mainnav {font-size:12px; line-height:13pt; font-weight:bold; color:#c80000; line-height:15pt; padding-top:2px; padding-bottom:2px; height:25px; text-transform:uppercase;}

#leftpannel a.mainnav {font-size:12px; line-height:13pt; font-weight:bold; color:#c80000; text-transform:uppercase; list-style:none; background:none; margin:0px; padding:0px;}
#leftpannel a.mainnav:hover    {font-size:12px; line-height:13pt; text-decoration:none; color:#000; list-style:none; background:none; margin:0px; padding:0px;}

#leftpannel .spacer {height:10px;}

/*---------------Left Styling---------------*/
/*-----------------------------------------*/



/*---------------Heading Styling---------------*/
/*--------------------------------------------*/
#heading {width:98%; float:none; margin:0px auto;}
/*---------------Heading Styling---------------*/
/*--------------------------------------------*/



/*---------------Header Styles---------------*/
/*------------------------------------------*/
h1 { font-size:12px; text-transform:uppercase; font-weight:bold; background-image:url(images/bullet.png); background-position:left; background-repeat:no-repeat; padding:0px; margin:0px; padding-left:12px;} 
/*---------------Header Styles---------------*/
/*------------------------------------------*/


/*---------------Search & dropdown Styles---------------*/
/*-----------------------------------------------------*/
.search-bar {width:100%; background-color:#e6e6e6; bckground-image:url(images/bg-search-bar.gif); background-repeat:repeat-x; height:48px;}
#search-table {width:100%; float:none; margin:0px auto;}
/*---------------Search & dropdown Styles---------------*/
/*-----------------------------------------------------*/


/*---------------Table Styles---------------*/
/*-----------------------------------------*/
#main-table {width:785px; float:left; margin:0px auto;}

#content-table {width:96%; float:none; margin:0px auto; pdding-left:10px; pdding-right:10px;}
.tablink a       {padding:6px 7px 6px 7px; line-height:13pt; font-weight:bold; background-color:#454545; color:#fff; display:inline-block; text-decoration:none; margin-bottom:1px; margin-right:0px;}
.tablink a:hover {padding:6px 7px 6px 7px; font-weight:bold; font-weight:bold; background-color:#a3282d; color:#fff; display: inline-block;}
.tablink a.focus {padding:6px 7px 6px 7px; font-weight:bold; font-weight:bold; background-color:#a3282d; color:#fff; display: inline-block;}

/*---------------Table Styles---------------*/
/*-----------------------------------------*/

/*---------------Tabular Styles---------------*/
/*-------------------------------------------*/
.main-header {background-color:rgb(200,0,0); font-family:Arial; font-size:13px; font-weight:bold; color:#fff; padding:4px 4px 4px 4px; border:1px solid #fff; border-width:0px 1px 1px 0px; line-height:13pt; text-transform:uppercase}
.th     {background-color:rgb(120,120,120); font-family: Arial; font-size  : 12px; font-weight: bold; color: #fff; padding: 4px 4px 4px 4px; border:1px solid #fff; border-width:0px 1px 1px 0px; line-height:13pt;}
.gridth th  {background-color:rgb(120,120,120); font-family: Arial; font-size  : 12px; font-weight: bold; color: #fff; padding: 4px 4px 4px 4px; border:1px solid #fff; border-width:0px 1px 1px 0px; line-height:13pt;}
.gridth th a  {text-decoration:none;}

.tch    {background-color:#d8d8d8; font-family: Arial; font-size  : 12px; font-weight: bold; color: #434343; padding: 2px 6px 2px 4px; border:1px solid #fff; border-width:0px 1px 1px 0px; line-height:13pt;}
.gridtch td {background-color:#d8d8d8; font-family: Arial; font-size  : 12px; font-weight: normal; color: #5a5a5a; padding: 3px 6px 3px 4px; border:1px solid #fff; border-width:0px 1px 1px 0px; line-height:13pt;}
.gridtch td a  {text-decoration:underline; color:#5a5a5a;}

.tc     {background-color:#f1f1f1; font-family: Arial; font-size  : 12px; font-weight: normal; color: #434343; padding: 2px 6px 2px 4px; border:1px solid #fff; border-width:0px 1px 1px 0px; line-height:13pt;}
.gridtc td  {background-color:#f1f1f1; font-family: Arial; font-size  : 12px; font-weight: normal; color: #5a5a5a; padding: 3px 6px 3px 4px; border:1px solid #fff; border-width:0px 1px 1px 0px; line-height:13pt;}
.gridtc td a  {text-decoration:underline; color:#5a5a5a;}

.th1     {background-color:#acacac; font-family: Arial; font-size  : 12px; font-weight: normal; color: #434343; padding: 4px 6px 4px 4px; border:1px solid #fff; border-width:0px 1px 1px 0px; line-height:13pt;}
.gridth1 td {background-color:#acacac; font-family: Arial; font-size  : 12px; font-weight: normal; color: #5a5a5a; padding: 3px 6px 3px 4px; border:1px solid #fff; border-width:0px 1px 1px 0px; line-height:13pt;}

/*---------------Tabular Styles---------------*/
/*-------------------------------------------*/


/*---------------HTML Button and Form Styles---------------*/
/*--------------------------------------------------------*/

.tb-submit  {background:#262626; width:52px; cursor:pointer; height:22px; color:#fff; border:0px; border:1px solid #191919; font-size:12px; padding:0px;}
.tb-reset       {background:transparent; width:20px; cursor:pointer; height:23px; color:#fff; border:0px; font-size:12px; margin:0px 0px 0px 5px; background-image:url(images/icon-reset.png); background-position:center; background-repeat:no-repeat; vertical-align:middle;}

#search {width:210px; margin:0px auto; float:right; padding: 0px 0px 0px 0px}
#search .tb-submit      {background:#262626; width:52px; cursor:pointer; height:22px; color:#fff; border:0px; border:1px solid #191919; font-size:12px; }
#search .tb-search      {background:#fff; width:150px; height:22px; color:#000; border:1px solid #ccc; border-width:1px 0px 1px 1px; font-size:12px; padding:0px 4px 0px 4px; line-height:16pt; outline:none}
#search .search-icon    {background:#fff; width:22px; cursor:pointer; height:24px; color:#000; border:0px; font-size:12px; background-image:url(images/icon-search.png); background-repeat:no-repeat; background-position:center right;}
#search .tb-reset       {background:transparent; width:20px; cursor:pointer; height:23px; color:#fff; border:0px; font-size:12px; margin:0px 0px 0px 5px; background-image:url(images/icon-reset.png); background-position:center; background-repeat:no-repeat;}

#form {}
#form input {font-size:12px; color:#000; float:left;}
.tb {font-size:12px; color:#000; line-height:13pt; padding:2px 5px; background:#fff; border:1px solid #ccc; font-family:Arial}
.tborder {font-size:12px; color:#000;  background:#fff; border:1px solid #ccc; float:none; text-align:center; height:14px;}
.tbrate {font-size:12px; color:#000;  background:#fff; border:1px solid #ccc; float:none; text-align:right; height:14px;}
.check {font-size:14px; color:#8e847c; line-height:21px; border:0; float:left;}
#form textarea {font-size:14px; color:#8e847c; line-height:20px; height:70px; padding:5px 3px; width:205px; background:#e2e2e2; border:0; resize:none; float:left;}
#form div {position:relative; overflow:hidden; display: block; padding-bottom: 0px;}
#form .text {position:relative; overflow:hidden; display: block; float:left; width:120px; padding:0px 10px 0px 0px; font-size:14px;}
#form .collan {position:relative; overflow:hidden; display: block; float:left; padding:0px 10px 0px 0px;}
#form .error, #form .empty {color: #FF0000; display: none; font-size: 10px; line-height:14px; width:170px; float:left; margin-top:5px;}
#form .error-empty {margin: 5px 0 5px 5px !important; display:none; float:left;}
#form .success {display:none; margin-bottom:5px;}
#form .btns {position:relative; padding-top:33px;}
#form .btns a {margin-right:10px; width:41px; text-align:center}

#form .drop {float:left; padding: 0px 0px 0px 5px; margin:0px;}
#form .tb-dropdown {{font-size:12px; color:#000; line-height:13pt; padding:2px 5px; background:#fff; border:1px solid #ccc; font-family:Arial}}
.tb-dropdown {font-size:12px; color:#000; line-height:13pt; padding:2px 5px; background:#fff; border:1px solid #ccc; font-family:Arial}

/*---------------HTML Button and Form Styles---------------*/
/*--------------------------------------------------------*/


/*-----------------------------------------------*/
/*-----------------Pagging Style----------------*/
.paging a {color:#fff; text-decoration:underline;}
.paging a:hover {color:#fff; text-decoration:none;}
.paging .tc a {font-family: Arial; font-size: 12px; color: #3f3f3f; text-decoration:underline;}
.paging .tc a:hover {font-family: Arial; font-size: 12px; color: #3f3f3f; text-decoration:none;}
.paging .tc1 a {font-size: 12px; font-weight:normal; color: #3f3f3f; text-decoration:underline;}
.paging .tc1 a:hover {font-size: 12px; font-weight:normal; color: #3f3f3f; text-decoration:none;}

.paging .pgr span {font-size:12px; font-weight:bold; color:#cccccc; text-decoration:none; background:#fff; padding:02px 05px 02px 05px; letter-spacing: 0px; border: 1px solid #e6e6e6; display:inline-block;}
.paging .pgr a {font-size:12px; font-weight:bold; color:#747474; text-decoration:none; text-align:center; padding:02px 05px 02px 05px; background-color:#f9f9f9; border: 1px solid #e6e6e6; display:inline-block;}
.paging .pgr a:visited {font-size:12px; font-weight:bold; color: #747474; text-decoration:none; text-align:center; padding:02px 05px 02px 05px; background-color:#f9f9f9; border: 1px solid #e6e6e6;  display:inline-block;}
.paging .pgr a:active {font-size:12px; font-weight:bold; color: #747474; text-decoration:none; background:#c8c598; text-align:center; padding: 02px 05px 02px 05px; background-color:#f9f9f9; border: 1px solid #e6e6e6; display:inline-block;}
.paging .pgr a:hover {font-size:12px; font-weight:bold; color: #747474; text-decoration:none; background:#c8c598; text-align:center; padding: 02px 05px 02px 05px; background-color:#e6e6e6; border: 1px solid #e6e6e6; display:inline-block;}
/*-----------------Pagging Style----------------*/
/*---------------------------------------------*/


/*-----------------Excel Style----------------*/
/*-------------------------------------------*/
.excel {float:right; margin:0px auto;}
.excel a {color:#fff; text-decoration:none; display:inline-block; padding:3px 5px 3px 5px; background-color:#454545; color:#fff;}
.excel a:hover {color:#fff; text-decoration:none; display:inline-block; padding:3px 5px 3px 5px; background-color:#a3282d; color:#fff;}
/*-----------------Excel Style----------------*/
/*-------------------------------------------*/


/*-----------------Add Record Style----------------*/
/*------------------------------------------------*/
.addrecord {float:right; margin:0px auto; }
.addrecord a {color:#fff; text-decoration:none; display:inline-block;  background-position:left; background-repeat:no-repeat; text-transform:none; background-image: url('images/icon-add-record.png'); padding:0px 6px 0px 20px;}
.addrecord a:hover {text-decoration:none; display:inline-block; color:#fff;}

.addrecord1 {float:left; margin:0px auto; background-color:#c80000; background-image:url('images/icon-add1.png'); background-position:left; background-repeat:no-repeat; padding:5px 6px 5px 25px; color:#fff; font-weight:bold; text-transform:uppercase; }
/*-----------------Add Record Style----------------*/
/*------------------------------------------------*/


/*-----------------Edit Setting Style----------------*/
/*--------------------------------------------------*/
.welcome    {color:#d4d4d4; font-weight:bold; font-size:12px; text-transform: capitalize;}
.webname    {color:#d4d4d4; font-weight:normal; font-size:24px; padding-top:50px;}

#inside-login {font-size:12px; float:right; margin-top:10px;}
#inside-login a.edit-profile {background-image: url('images/icon-setting.png'); background-position:top center; background-repeat:no-repeat; font-size:12px; color:#d4d4d4; text-decoration:none; padding:0px 0px 0px 0px; margin:0px 3px 0px 3px;  display:inline-block; _border:1px dashed #ccc; _border-width: 0px 1px 0px 0px; width:30px; height:30px;}
#inside-login a.edit-profile:hover {background-image: url('images/icon-setting-mo.png'); background-position:top center; background-repeat:no-repeat; font-size:12px; color:#db0101; text-decoration:none; padding:0px 0px 0px 0px; margin:0px 3px 0px 3px;  display:inline-block; width:30px; height:30px;}

#inside-login a.change-password {background-image: url('images/icon-change-password.png'); background-position:top center; background-repeat:no-repeat; font-size:12px; color:#d4d4d4; text-decoration:none; padding:0px 0px 0px 0px; margin:0px 3px 0px 3px; display:inline-block; _border:1px dashed #ccc; _border-width: 0px 1px 0px 0px; width:30px; height:30px;}
#inside-login a.change-password:hover {background-image: url(images/icon-change-password-mo.png); background-position:top center; background-repeat:no-repeat; font-size:12px; color:#db0101; text-decoration:none; padding:0px 0px 0px 0px; margin:0px 3px 0px 3px;  display:inline-block; width:30px; height:30px;}

#inside-login a.logout {background-image: url('images/icon-logout.png'); background-position:top center; background-repeat:no-repeat; font-size:12px; color:#d4d4d4; text-decoration:none; padding:0px 0px 0px 0px; margin:0px 3px 0px 3px; display:inline-block; width:30px; height:30px;}
#inside-login a.logout:hover {background-image: url('images/icon-logout-mo.png'); background-position:top center; background-repeat:no-repeat; font-size:12px; color:#db0101; text-decoration:none; padding:0px 0px 0px 0px; margin:0px 3px 0px 3px; display:inline-block; width:30px; height:30px;}
/*-----------------Edit Setting Style----------------*/
/*--------------------------------------------------*/


/*-----------------Lightbox Style----------------*/
/*----------------------------------------------*/
#lean_overlay {position: fixed; z-index: 10000; top: 0px; left: 0px; height:100%; width:100%; background:#000; display:none;}
#signup {width: 450px; padding: 0px; display:none; bckground: #fff;}
#signup-header {padding: 18px 18px 14px 18px; brder-bottom: 1px solid #CCC;}
#signup-header  h2 { color: #444; font-size: 12px; font-weight: normal; margin:5px;}
#signup-header  p { color: #444; font-size: 1.3em; margin: 0;}
.modal_close { position: absolute; top: 0px; right: 0px; display: block; width: 25px; height: 25px; background: url(images/modal_close.png); z-index: 2; }
.border-left {border-left:1px solid #fff; border-top:1px solid #fff;}
/*-----------------Lightbox Style----------------*/
/*----------------------------------------------*/

.err { font-weight: bold; color: rgb(200,0,0); }
