body, html {
	height: 100%;
}

* {
    margin: 0;
}

.vampBoxFade {
	text-align:left;
	background-image:url("img/vamp/authbox.jpg");
	height:250px;
	width:462px; 
	margin-top: 75px;
	margin-left:200px;
}

.login_screen {
	text-align:center;
}
.vampBoxInner {
	margin-left:100px;
	margin-top:55px;
	margin::55px;
    width:380px;
}

.FrmText {

}
.FrmPassword {

}
.FrmButton {

}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -2em;
}

.footer, .push {
    height: 2em;
}

body {
	margin:25px;
	padding:0;
	background:#fff;
	/*      background-image:url("images/gradient.jpg"); */
	/*      background-repeat:repeat-x; */
	/*      color:#777777; */
	color:#000000;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	font-size:11px;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	text-align:left;
	/*
	height:450px;
	min-height:450px;
	*/
}
.body_main{
  margin-top:0;
	margin-left:10px;
	margin-right:10px;
	width:768px;
    
    min-height: 100%;
}
.footer_words {
	position:relative;
	margin-bottom:0;
	font-style:italic;
	font-family: Verdana,helvetica,sans-serif;
	color: #666666;
}
.footer {
/*position:absolute; */
/*left:0; bottom:25px; */

/*position: relative;*/
}
.sbody {
	font-size: 12px;
}

h1 {
color: #555555;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 20px;
font-weight: bold;
margin-bottom: 8px;
}

h2 {
color: #666666;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 18px;
font-weight: bold;
margin-bottom: 6px;
margin-top: 0px;
}

h3 {
color: #333333;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 16px;
font-weight: bold;
margin-bottom: 6px;
}

h4 {
color: #222222;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
}

h5 {
color: #111111;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-weight: bold;
margin-bottom: 5px;
}
p {
 color: #111111;
 font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
 font-size: 12px;
 font-weight: normal;
 margin-bottom: 5px;
}

.FormElement { 
	font-size:10px;
}
.sFormElement{
	font-size:10px;
	font-weight:bold;
	text-align:center;
	border-style:solid;
	border-color:#d0d0d0;
}
.FormRadio{ 
	font-size:9px;
	vertical-align:middle
}
.FormPassElement { 
	font-size:11px;
}
.tdtext {
	text-align:left;
}

/* begin Button */
.cs-button-wrapper .cs-button
{
	display:inline-block;
	width: auto;
	outline:none;
	border:none;
	background:none;
	line-height:24px;
	margin:0 !important;
	padding:0 !important;
	overflow: visible;
	cursor: default;
	text-decoration: none !important;
	z-index:0;
}

.cs-button-wrapper
{
	display:inline-block;
	position:relative;
	height: 24px;
	overflow:hidden;
	white-space: nowrap;
	width: auto;
	z-index:0;
}

.cs-button-wrapper .cs-button
{
	display:block;
	height: 24px;
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
	padding: 0 9px !important;
	line-height: 24px;
	text-decoration: none !important;
	color: #FBECE4 !important;
}

input, select
{
	font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
}

.cs-button-wrapper.hover .cs-button, .cs-button:hover
{
	color: #ffffff !important;
	text-decoration: none !important;
}

.cs-button-wrapper.active .cs-button
{
	color: #c0c0c0 !important;
}

.cs-button-wrapper .l, .cs-button-wrapper .r
{
	display:block;
	position:absolute;
	z-index:-1;
	height: 72px;
	background-image: url('img/vamp/Button.png');
}

.cs-button-wrapper .l
{
	left:0;
	right:7px;
}

.cs-button-wrapper .r
{
	width:407px;
	right:0;
	clip: rect(auto, auto, auto, 400px);
}

.cs-button-wrapper.hover .l, .cs-button-wrapper.hover .r
{
	top: -24px;
}

.cs-button-wrapper.active .l, .cs-button-wrapper.active .r
{
	top: -48px;
}


/* end Button */


#header {
        margin:0 auto;
        width:780px;
        height:105px;
        border:0px solid #333;
        background:url("images/cyber-rev4.jpg");
}
#login {
        margin:0 auto;
        width:780px;
        border-left:0px solid #333;
        border-right:0px solid #333;
        border-bottom:0px solid #333;
        height:50px;
}
#menu{
        color:#fff;
        margin:0 auto;
        width:780px;
        border-left:0px solid #333;
        border-right:0px solid #333;
        border-bottom:1px solid #333;
        height:20px;
        line-height:20px;
        background:#61BF1A;
        }
/*
#menu a{
        font-size:12px;
        padding:3px 10px;
        text-decoration:none;
        color:#fff;
        }
#menu a.active{
        font-size:12px;
        padding:3px 10px;
        text-decoration:underline;
        color:#FFFF00;
}
#menu a:hover,#menu a.active:hover{
        background:#000;
}
        */
#menu2 {
        color:#000;
        margin:0 auto;
        width:780px;
        border-left:1px solid #333;
        border-right:1px solid #333;
        border-bottom:1px solid #333;
        height:20px;
        line-height:20px;
        background:#B8D6F0;
}
#menu2 a {
        font-size:12px;
        padding:3px 10px;
        text-decoration:none;
        color:#000;
}
#menu2 a:hover {
        color:#fff;
        background:#000;
}
#container {
        margin:0 auto;
        width:780px;
        border-left:0px solid #333;
        border-right:0px solid #333;
/*      background-color:#E6EFF3;       */
        text-align:left;
}

#left {
        width:159px;
        float:left;
        padding:10px;
        border-right:0px solid #333;
        background:#fff;
}
* html #left {width:179px;width:159px;}

#left ul {
        width:150px;
        text-align:left; 
        margin: 0px; 
        padding: 0px;
}
#left li {
        list-style-type: none; 
        margin-bottom: 0px;
}

.head-li {
        list-style-type: none; 
        font-size:10px;
        text-align:center;
        width:159px;
        height:18px;
        padding-top:3px;
        font-weight:bold;
        background:url("/images/head_li.jpg");
        background-repeat:repeat-x;
        border-bottom:0px solid black;
}

#left li a {
        display:block;
        /*      background:#B8D6F0; */
        /* background:#e6eff3; */
        width:154px;
        height:15px;
        padding-left:12px;
        font-size:11px;
        padding-top:2px;
        text-decoration:none;
        }

#left li a:link ,#left li a:visited ,#left li a:active{
        color:black;
        border-bottom:1px white solid;
        }
#left li a.main:link ,#left li a.main:visited ,#left li a.main:active{
        color:black;
        background-color:#FFFF00;
        font-weight:bold;
        border-bottom:1px white solid;
        }
#left li a:hover,#left li a.main:hover {
        background:url("/images/sidemenuhover.gif");
        /* background-color:#e6eff3; */
        text-decoration:none;
        /* border-bottom:1px #61bf1a solid; */
        }

#center {
        width:400px;
        float:left;
        padding:2px;
/*      background:#E6EFF3; */
        }

#center li      {
        list-style-position:inside;
        margin-left:5px;
        list-style-type:square;
        }

#center p {
        line-height:140%;
        }

* html #center {width:420px;width:400px;}

/* #right {
        width:159px;
        float:left;
        padding:10px;
        background:#fff;
        border-left:0px solid #333;
        } */

#right {
        /*width:159px;*/
        width:180px;
        float:right;
        padding:2px;
                margin-top:6px;
        }

* html #right {width:179px; width:159px;}

.clear {
        clear:both;
        }

#bottomad1      {
        background-color:#61BF1A;
        margin:0 auto;
        height:25px;
        width:780px;
        padding-top:5px;
        border-top:1px solid black;
        border-left:0px solid black;
        border-right:0px solid black;
        }
#msgbox {
        color:#3333FF;
        }

#bottomad2      {
        background-color:#E06F1D;
        margin:0 auto;
        height:25px;
        width:750px;
        padding:5px;
        border:0px solid black;
        font-size:9px;
        text-align:left;
        }

#bottomad1 a, #bottomad2 a{
        color:white;
        padding-left:10px;
        padding-right:10px;
        text-decoration:none;
        }
#bottomad1 a:hover, #bottomad2 a:hover{
        color:yellow;
        text-decoration:none;
        }

#footer {
        margin:-2px auto 0 auto;
        color:white;
        width:780px;
        height:20px;
        border:0px solid #333;
        padding-top:10px;
        font-size:10px;
        background:#11196A;
        }

img.floatLeft {
        float: left;
        margin-right: 5px;
        margin-bottom:5px;
                }

img.floatRight {
        float: right;
        margin-left: 5px;
        }

img     {
        border:none;
}

hr.port         {
        width:380px;
        clear:both;
        }

a{
        color:#000099;
        text-decoration:none;
        }
a:hover{
        color:gray;
        text-decoration:none;
}
.tdLable { 
        text-align:left;
}
.tdLable-small { 
        font-size:9px;
        text-align:left;
}

.progress{
        width: 1px;
        height: 14px;
        color: white;
        font-size: 10px;
    overflow: hidden;
        background-color: #61BF1A;
        padding-left: 5px;
}
.notice_message {
	font-weight:200;
	font-style:italic;

}

.Rthead {
        background-image:url("images/boxes/box.head.gif");
                background-repeat:no-repeat;
        width:169px;
        height:14px;
        padding:5px;
}
.RtheadHelp {
        background-image:url("images/boxes/box.head.new.gif");
                background-repeat:no-repeat;
        width:169px;
        height:14px;
        padding:5px;
}
.Rtbody {
        background-image:url("images/boxes/box.mid.gif");
        background-repeat:repeat-y;
        margin:0px;
        width:169px;
        padding:5px;
}
.Rtfoot {
                background-image:url("images/boxes/box.tail.gif");
        background-repeat:no-repeat;
        width:179px;
        height:10px;
}
#pscroller1{
width: 150px;
height: 20px;
border: 0px solid black;
padding: 0px;
background-color: white;
}
.someclass{ 
}
.Lfhead {
/*          border-style:solid;
                border:thin;
                border-width:1px;
                border-color:#000000; 
        background:#99CCFF; */
                background-repeat:no-repeat;
        width:145px;
        height:18px;
        padding:0px;
        }
.Lfbody {
        background-repeat:repeat-y;
        margin:0px;
        width:145px;
        padding:0px;
        }
.Lffoot {
        background-repeat:no-repeat;
        width:145px;
        height:10px;
        }

.grbutl {
        background-image:url("images/btns/ds/gr-lf.gif");
                background-repeat:no-repeat;
        width:7px;
        height:18px;
        padding:0px;
}
.grbutm {
        background-image:url("images/btns/ds/gr-mid.gif");
        background-repeat:repeat-x;
                vertical-align:middle;
        margin:0px;
        height:18px;
        padding:0px;
}
.grbutr {
                background-image:url("images/btns/ds/gr-rt.gif");
        background-repeat:no-repeat;
        width:7px;
        height:18px;
                padding:0px;
}
.fptop {
        background-image:url("images/boxes/fp-box.top.gif");
                background-repeat:no-repeat;
        width:290px;
        height:9px;
        padding:0px;
}
.fpmid {
        background-image:url("images/boxes/fp-box.mid.gif");
        background-repeat:repeat-y;
                vertical-align:middle;
                height:75px;
        margin:0px;
        padding:0px;
}
.fplow {
                background-image:url("images/boxes/fp-box.bot.gif");
        background-repeat:no-repeat;
        width:290px;
        height:9px;
                padding:0px;
}
.vmtop {
        background-image:url("images/boxes/vm_head.gif");
                background-repeat:no-repeat;
        width:642px;
        height:14px;
        padding:0px;
}
.vmmid {
        background-image:url("images/boxes/vm_mid.gif");
        background-repeat:repeat-y;
                vertical-align:middle;
                width:642px;
        margin:0px;
        padding:0px;
}
.vmlow {
                background-image:url("images/boxes/vm_low.gif");
        background-repeat:no-repeat;
        width:642px;
        height:15px;
                padding:0px;
}
.button {
        
        border: 1px solid #444444;
        background-color: #ffffff;
        font-size: 11px;   
        color: #444444;
        font-weight: normal;
        background-image: url(img/formButtonBg.gif);
        background-repeat: repeat-x;
        background-position: bottom;
        }
         
.buttonOn, .button:hover, .button:focus, .buttonOn:focus {

        border: 1px solid #444444;
        background-color: #ffffff;
        font-size: 11px;
        color: #444444;
        font-weight: normal;
        background-image: url(img/formButtonBgOn.gif);
        background-repeat: repeat-x;
        background-position: top;
        }
        
input,select {
        border: 1px solid #888888;
        font-size: 11px;
        background-color: #ffffff; 
        }

textarea {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        border: 1px solid #888888;
        font-size: 12px;
        background-color: #ffffff;
        }
.checkbox,.radio {
        border:0px;
        background-color: transparent;
        margin: 0px;
        vertical-align: bottom;
}

.evenListRowS1 {
				font-size: 12px;
				color: #000000;
				padding-left: 5px;
				padding-right: 5px;
				padding-bottom: 4px;
				padding-top: 2px;
}

.oddListRowS1 {
				font-size: 12px;
				color: #000000;
				padding-left: 5px;
				padding-right: 5px;
				padding-bottom: 4px;
				padding-top: 2px;
}

.listViewHRS1 {
				background-color: #cccccc;
}

ListViewTD {
	color: #444444;
	font-size: 11px;
}
.tableList {
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	background-color:#DFDFDF;
	width:100%;
}
.tableListCol {
	width:100%;
}
.tdlabel {
	color:#333333;
}
.tdvalue {
	background-color: #EEEEEE;
}
table.listView th {
		/* this definition should be exactly the same as .listViewThS1 */
		font-size: 11px;
		color: #666666;
		font-weight: bold;
		text-align: left;
		background-color: #f8f7f7;
		background-image: url(img/listViewBg_gs.gif);
		background-repeat: repeat-x;
		background-position: bottom;
		padding-left: 5px;
		padding-right: 5px;
		border-bottom: 1px solid #980000;
		border-top:1px solid #999999;
		height: 20px;
}
.ntfy_mt {
	width:120px;
	border:hidden;
	border-style:none;
	border-width:0px;
}
.ntfy_radio {
	width:15px;
	border:hidden;
	border-style:none;
	border-width:0px;
}

.listView {
		border-right:1px solid #999999;
		border-left:1px solid #999999;
		border-bottom:1px solid #999999;
}
         
.listViewThS1 {
		font-size: 11px;
		color: #666666;
		font-weight: bold; 
		text-align: left; 
		background-color: #f8f7f7;
		background-image: url(img/listViewBg_gs.gif);
		background-repeat: repeat-x;
		background-position: bottom;
		padding-left: 5px; 
		padding-right: 5px;
		border-bottom: 1px solid #980000;
		height: 20px;
}

.moduleTitle {
	border-bottom: 1px solid #aaaaaa;
}
.welcome {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;   
	background-color: #ACACAC;
	border-bottom: 1px solid #000000;
	padding-left: 10px;
}
a.utilsLink:link, a.utilsLink:visited {
	color: #B20000;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
a.utilsLink:hover {
	color: #FF0000;
	font-size: 11px;
	text-decoration: none;
}

table.listview th a:link, table.listview th a:visited {
				/* this definition should be exactly the same
								as a.listViewThLinkS1:link, a.listViewThLinkS1:visited */
				color: #444444;
				font-weight: bold;
				text-decoration: none;
}

table.listview th a:hover {
				/* this definition should be exactly the same
								as a.listViewThLinkS1:hover */
				color: #222222;   
				text-decoration: none;
}
.tabDetailViewDL {
	font-size: 12px;
	color: #666666; 
	font-weight: bold;
	background-color: #efefef;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: top;
	text-align: right;
}
.tabDetailViewDF {
	font-size: 12px;
	color: #000000;
	background-color: #fafafa;
	font-weight: bold;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: top;
	font-weight: bold;
}
.tabDetailView {
	border: 1px solid #aaaaaa;
	background-color: #efefef;
}

#FeatureTabs {margin-top:10px; cursor:pointer; }
#FeatureTabs a { padding-top:5px; padding-bottom:5px; padding-left:20px; padding-right:20px; border: 1px solid #999999; background-color:#eeeeee; color: #444444; font-size:8pt; font-family: verdana, hevletica;}
#TabArea { width:782px; border: 1px solid #999999; height:300px; margin-top:5px; padding:5px; color:#666666; font-family:verdana, helvetica; font-size:8pt;}
#TabArea li { margin-bottom:8px; }
#FeatureTabs #FeatureTab1 { background-color:#adadad; }
#tb1xx {display:inline;}
#tb2xx {display:inline;}
#tb3xx {display:inline;}
#tb4xx {display:inline;}
#tb5xx {display:inline;}
#tb6xx {display:inline;}

.wizbox {
    border: 1px solid #aaaaaa;
    background-color: #fafafa;
    padding: 10px;
}

.infobox {
   border: 1px solid #4444fd;
    background-color: #bbbbdd;
    padding: 0px;
    font-family: sans;
    font-size: 14px;
}

.errorbox {
    border: 1px solid #fd5555;
    background-color: #fe9999;
    padding: 0px;
    font-family: sans;
    font-size: 14px;
}

.warnbox {
    border: 1px solid #fd5822;
    background-color: #fdbc88;
    padding: 0px;
    font-family: sans;
    font-size: 14px;
}

.keypad_tbl {
    border-spacing: 0;
}

.keypad_tbl td {
    padding: 0;
}

.keypad_tbl .keyb:hover {
    cursor: pointer;
}

.keypad_tbl .keyb {
    cursor: default;
}