/* FF8500 FFFFCC 003366 CCCCCC */

/* AJAX-Based deivce list styles */
.icon{ height: 38px; width: 50px; }
.div_icon{ width: 50px; border: solid black 1px; }
#device-table td{ padding: 2px 10px 2px 10px; border-bottom: 1px solid black;}
.dSettings{ text-align: center; }
.deviceRowOffline TD{ text-decoration: line-through; color: #999999;}
.dStateDiv{ float: left; }
.dimControl{ padding-left: 10px }


Body {
	font-family			:	Verdana, arial, Helvetica, sans-serif;
	font-size			: 	10px;
        color   			:   000000;
	margin-top			:   0px;
	margin-bottom		:   0px;
	margin-left			:   0px;
	margin-right		:   0px;
	background-color	:   FFFFFF;}

HR{height:1}

/* Underline / single border */
.ul{ border-bottom: solid black 1px; }
.bdr{ border: solid black 1px; }

/* Camera snapshots + webcam */
.wc{ border: 1px solid white; }
.camsnap{ width:160px; border:1px solid black; }

/* ______________________________ Background Colors ______________________________ */
.logoheadbg{			background-color		:   003366;}
.mainmenubg{			background-color		:   FF8500;}
.submenubg{				background-color		:   FFFFCC;}
.functionmenubg{		background-color		:   CCCCCC;}
.tableheadbg{			background-color		:   003366;}
.controlheadbg{			background-color		:   003366;}
.accountbg{				background-color		:   FFFFCC;}
.blackbg{				background-color		:   000000;}

.iconview{                      float  :left; 
                                margin :1;   
                                font-family			:   Verdana, arial, Helvetica, sans-serif;
                                line-height			:   100%;
                                font-size			:   70%;
                                color   			:   000000;
                                letter-spacing                  :   0px;}
.iconviewbg{				background-color		:   FFFFFF;}

.indicatorbg{			background-color		:   FF8500;}
.indicatoralertbg{		background-color		:   FFCC00;}
.unviewedbg{			background-color		: 	FFFFCC;}
.unviewedborder{		border					: 	2px solid #FF8500;}
.viewedborder{		border					: 	2px solid #FFFFFF;}

/* Remove blue border from all image links */
a.img {border: none; } 

/*
.spoptxt {
		font-size			:   70%;
}
*/
/* // DEVICE SETTINGS POPUPS */

/* ______________________________ Font Usage ______________________________ */
.p{

		font-family			:   Verdana, arial, Helvetica, sans-serif;
		line-height			: 	100%;
		font-size			:	70%;
                color   			:   000000;
		letter-spacing                  : 	0px;}

.pcontrol{
                text-decoration                 : none;
		font-family			:   Verdana, arial, Helvetica, sans-serif;
		line-height			: 	100%;
                color   			:   000000;
		letter-spacing                  : 	0px;}

.pblue{
		text-decoration     :   none;
		font-family			:   Verdana, arial, Helvetica, sans-serif;
		line-height			: 	100%;
		font-size			:	70%;
        color   			:   99CDFF;
		letter-spacing		: 	0px;}


.heading{
		text-decoration     :   none;
		font-family			:   Verdana, arial, Helvetica, sans-serif;
        font-size			:   70%;
		font-weight			:	bold;
		text-transform		: 	capitalize;
        color   			:   000000;}

.subheading{
		text-decoration     :   none;
		font-family			:   Verdana, arial, Helvetica, sans-serif;
        font-size			:   70%;
		font-weight			:	bold;
        color   			:   000000;}

.tablehead{
		text-decoration     :   none;
		font-family			:   Verdana, arial, Helvetica, sans-serif;
		line-height			: 	100%;
		font-size			:	70%;
        color   			:   FFFFFF;
        font-weight: normal;
}

.feedback{
		text-decoration     :   none;
		font-family			:   Verdana, arial, Helvetica, sans-serif;
		line-height			: 	100%;
		font-size			:	70%;
        color   			:   000000;
		background-color	:	FFCC00;}


/* ______________________________ Main Menu ______________________________ */

a.mainmenu:link{
	text-decoration         :   none;
	font-family		:   Verdana, arial, Helvetica, sans-serif;
        font-size      		:   70%;
	text-transform		:	uppercase;
	color			:	FFFFFF;
	Background-Color	:	FF8500;
	padding			:  	3px 5px 0px;
	border-top		: 	0px solid #99CCFF;
	border-left		: 	0px solid #000000;
	border-right		: 	1px solid #000000;
	border-bottom		: 	0px solid #003366;}

a.mainmenu:visited{
	text-decoration         :   none;
	font-family		:   Verdana, arial, Helvetica, sans-serif;
        font-size      		:   70%;
	text-transform		:	uppercase;
	color			:	FFFFFF;
	Background-Color	:	FF8500;
	padding			:  	3px 5px 0px;
	border-top		: 	0px solid #99CCFF;
	border-left		: 	0px solid #000000;
	border-right		: 	1px solid #000000;
	border-bottom		: 	0px solid #003366;}


a.mainmenu:hover{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
        font-size      		:   70%;
	text-transform		:	uppercase;
	color				:	000000;
	Background-Color	:	FFB300;
	padding				:  	3px 5px 0px;
	border-top			: 	0px solid #CCCCCC;
	border-left			: 	0px solid #CCCCCC;
	border-right		: 	1px solid #000000;
	border-bottom		: 	0px solid #003366;}

a.mainmenu:active{
	text-decoration         :   none;
	font-family		:   Verdana, arial, Helvetica, sans-serif;
        font-size      		:   70%;
	text-transform		:	uppercase;
	color			:	FFFFFF;
	Background-Color	:	FF8500;
	padding			:  	3px 5px 5px;
	border-top		: 	0px solid #99CCFF;
	border-left		: 	0px solid #000000;
	border-right		: 	1px solid #000000;
	border-bottom		: 	0px solid #003366;}


.current{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
        font-size      		:   70%;
	text-transform		:	uppercase;
	color				:	000000;
	Background-Color	:	FFFFCC;
	padding				:  	3px 5px 2px;
	border-top			: 	0px solid #FFFFFF;
	border-left			: 	0px solid #FFFFFF;
	border-right		: 	1px solid #003366;
	border-bottom		: 	0px solid #FFFFFF;}

/* ______________________________ Sub-Menu ______________________________ */

a.submenu:link{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	text-transform		:	capitalize;
	color				:	000000;
	Background-Color	:	FFFFCC;
	padding				:  	0px 5px 0px;
	border-top			: 	1px solid #FFFFCC;
	border-bottom		: 	1px solid #FFFFCC;
	border-left			: 	1px solid #FFFFCC;
	border-right		: 	1px solid #000000;}

a.submenu:visited{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	text-transform		:	capitalize;
	color				:	000000;
	Background-Color	:	FFFFCC;
	padding				:  	0px 5px 0px;
	border-top			: 	1px solid #FFFFCC;
	border-bottom		: 	1px solid #FFFFCC;
	border-left			: 	1px solid #FFFFCC;
	border-right		: 	1px solid #000000;}


a.submenu:hover{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	text-transform		:	capitalize;
	color				:	000000;
	Background-Color	:	FFB300;
	padding				:  	0px 5px 0px;
	border-top			: 	1px solid #FFB300;
	border-bottom		: 	1px solid #FFB300;
	border-left			: 	1px solid #FFB300;
	border-right		: 	1px solid #FFB300;}

a.submenu:active{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	text-transform		:	capitalize;
	color				:	000000;
	Background-Color	:	FFFFCC;
	padding				:  	0px 5px 0px;
	border-top			: 	1px solid #FFFFCC;
	border-bottom		: 	1px solid #FFFFCC;
	border-left			: 	1px solid #FFFFCC;
	border-right		: 	1px solid #000000;}


.submenucurrent{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	text-transform		:	capitalize;
	vertical-align		:	bottom;
	font-weight			:	bolder;
	color				:	000000;
	Background-Color	:	FFFFFF;
	padding				:  	0px 5px 0px;
	border-top			: 	2px solid #FFFFFF;
	border-bottom		: 	1px solid #FFFFFF;
	border-left			: 	1px solid #FFFFFF;
	border-right		: 	1px solid #000000;}


/* ______________________________ TableLink blk ______________________________ */

a.tablelinkblk:link{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	color				:	000000;}

a.tablelinkblk:visited{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	color				:	000000;}

a.tablelinkblk:hover {
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	color				:	FF8500;
	text-decoration	    :   underline;}

a.tablelinkblk:active {
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
	font-size      		:   70%;
	color				:	000000;}

/* ______________________________ Sub-Menu ______________________________ */

a.functionmenu:link{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	text-transform		:	capitalize;
	font-weight			:	normal;
	color				:	000000;
	padding				:  	0px 5px 0px;
	border-top			: 	1px solid #CCCCCC;
	border-right		: 	1px solid #CCCCCC;
	border-bottom		: 	1px solid #CCCCCC;
	border-left			: 	1px solid #CCCCCC;}

a.functionmenu:visited{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	text-transform		:	capitalize;
	font-weight			:	normal;
	color				:	000000;
	padding				:  	0px 5px 0px;
	border-top			: 	1px solid #CCCCCC;
	border-right		: 	1px solid #CCCCCC;
	border-bottom		: 	1px solid #CCCCCC;
	border-left			: 	1px solid #CCCCCC;}


a.functionmenu:hover{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	text-transform		:	capitalize;
	font-weight			:	normal;
	color				:	000000;
	padding				:  	0px 5px 0px;
	border-top			: 	1px solid #FFFFFF;
	border-right		: 	1px solid #999999;
	border-bottom		: 	1px solid #999999;
	border-left			: 	1px solid #FFFFFF;}

	

a.functionmenu:active{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	text-transform		:	capitalize;
	font-weight			:	normal;
	color				:	000000;
	padding				:  	0px 5px 0px;
	border-top			: 	1px solid #999999;
	border-right		: 	1px solid #FFFFFF;
	border-bottom		: 	1px solid #FFFFFF;
	border-left			: 	1px solid #999999;}




/* ______________________________ White Link______________________________ */

a.white:link{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	color				:	000000;
	text-transform		:	capitalize;
	font-weight			:	normal;}

a.white:visited{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	color				:	000000;
	text-transform		:	capitalize;
	font-weight			:	normal;}


a.white:hover{
	text-decoration	    :   underline;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	color				:	000000;
	text-transform		:	capitalize;
	font-weight			:	normal;}

a.white:active{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	color				:	000000;
	text-transform		:	capitalize;
	font-weight			:	normal;}



/* ______________________________ TableLink ______________________________ */

a.tablelink:link{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	color				:	000000;}

a.tablelink:visited{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	color				:	000000;}

a.tablelink:hover {
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	color				:	003366;
	text-decoration	    :   underline;}

a.tablelink:active {
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
	font-size      		:   70%;
	color				:	000000;}


/* ______________________________ Blacklink ______________________________ */

a.blacklink:link{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	color				:	000000;}

a.blacklink:visited{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	color				:	000000;}

a.blacklink:hover {
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	color				:	000000;}

a.blacklink:active {
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
	font-size      		:   70%;
	color				:	000000;}


/* ______________________________ Ctrl button ______________________________ */

a.controlbtn{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
        font-size      		:   70%;
	text-transform		:	capitalize;
	color				:	000000;
	background-color	:	FFFFCC;
	padding				:  	0px 5px 0px;
	border-top			: 	1px solid #FF8500;
	border-right		: 	1px solid #FF8500;
	border-bottom		: 	1px solid #FF8500;
	border-left			: 	1px solid #FF8500;}


a.controlbtn:hover{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
        font-size      		:   70%;
	text-transform		:	capitalize;
	color				:	FFFFFF;
	padding				:  	0px 5px 0px;
	background-color	:	FFB300;
	border-top			: 	1px solid #FF8500;
	border-right		: 	1px solid #FF8500;
	border-bottom		: 	1px solid #FF8500;
	border-left			: 	1px solid #FF8500;}

/*
a.controlbtn:active{
	font-family			:   Verdana, arial, Helvetica, sans-serif;
        font-size      		:   70%;
	text-transform		:	capitalize;
	color				:	000000;
	background-color	:	FFFFCC;
	padding				:  	0px 5px 0px;
	border-top			: 	1px solid #FF8500;
	border-right		: 	1px solid #FF8500;
	border-bottom		: 	1px solid #FF8500;
	border-left			: 	1px solid #FF8500;}

a.controlbtn:visited{
	font-family			:   Verdana, arial, Helvetica, sans-serif;
        font-size      		:   70%;
	text-transform		:	capitalize;
	color				:	000000;
	background-color	:	FFFFCC;
	padding				:  	0px 5px 0px;
	border-top			: 	1px solid #FF8500;
	border-right		: 	1px solid #FF8500;
	border-bottom		: 	1px solid #FF8500;
	border-left			: 	1px solid #FF8500;}
*/
/* ______________________________ Folder current ______________________________ */

a.foldercurrent:link{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	font-weight      	:   bold;
	color				:	000000;}

a.foldercurrent:visited{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	font-weight      	:   bold;
	color				:	000000;}

a.foldercurrent:hover {
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	font-weight      	:   bold;
	color				:	99CCFF;
	text-decoration	    :   underline;}

a.foldercurrent:active {
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
	font-size      		:   70%;
	font-weight      	:   bold;
	color				:	000000;}

/* ______________________________ Control Panel General ______________________________ */

a.ctrl:link {		background-color	:	000000;}
a.ctrl:visited {	background-color	:	D0E9D6;}
a.ctrl:hover {		background-color	:	FE0000;}
a.ctrl:active {		background-color	:	D0E9D6;}

.controlbg{				background-color	:   FFFFCC;}
.controltablebg{		background-color	:   CCCCCC;}

.controlhead{
		text-decoration     :   none;
		font-family			:   Verdana, arial, Helvetica, sans-serif;
        font-size			:   70%;
		font-weight			:   normal;
		text-transform		: 	uppercase;
        color   			:   FFFFFF; }

.caps {
  text-transform		:	uppercase;
  font-weight			:	bolder;
}


.pblack{
		text-decoration     :   none;
		font-family			:   Verdana, arial, Helvetica, sans-serif;
		line-height			: 	100%;
		font-size			:   70%;
                color   			:   000000;}

/* ______________________________ Control Panel Status  ______________________________ */

.statusarmed{			background-color	: #00FF00}
.statusalert{			background-color	: #FFCC00}
.statusdisarmed{		background-color	: #000000}
.statusinactive{		background-color	: #727272}


.strikeout{
		text-decoration     :   line-through;
		font-family			:   Verdana, arial, Helvetica, sans-serif;
		font-size			:	70%;
		font-weight			:	normal;
        color   			:   999999;}




/* Webcam Control Buttons */
.cameracontrolbg{			background-color		:   FF8500;}

.camBtn { border: 1px solid #ff8500 ; }
A.camBtn:hover {border: 1px solid white; }
.IMG.camBtn{ border: 1px solid black}
A.camBtn:active {
			border			: 1px;
			border-color		:yellow;
			border-style		:solid;
                        cursor                  :wait;} 
/* /Webcam Control Buttons */

option.activecamera{   background-color: #FFFFFF;}
option.inactivecamera{ background-color: #888888;}
option.activegw{       background-color: #FFFFFF;}
option.inactivegw{     background-color: #888888;}

.armed{
		text-decoration     :   none;
		font-family			:   Verdana, arial, Helvetica, sans-serif;
		font-size			:	70%;
		font-weight			:	bold;
        color   			:   00FF00;}

.disarmed{
		text-decoration     :   none;
		font-family			:   Verdana, arial, Helvetica, sans-serif;
		font-size			:	70%;
		font-weight			:	bold;
        color   			:   FE0000;}

.alert{
		text-decoration     :   none;
		font-family			:   Verdana, arial, Helvetica, sans-serif;
		font-size			:	70%;
		font-weight			:	bold;
        color   			:   FFCC00;}

.inactive{
		text-decoration     :   line-through;
		font-family			:   Verdana, arial, Helvetica, sans-serif;
		font-size			:	70%;
		font-weight			:	bold;
        color   			:   727272;}

/* ______________________________ Control Panel BUTTONS  ______________________________ */

.btnOn{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	text-transform		:	uppercase;
	color				:	000000;
	Background-Color	:	00FF00;
	padding-left		:  	5px;
	padding-right		:  	5px;
	border				:   1px solid #000000;}


.btnOff{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	text-transform		:	uppercase;
	color				:	000000;
	Background-Color	:	FE0000;
	padding-left		:  	5px;
	padding-right		:  	5px;
	border				:   1px solid #000000;}

.btnArmed{
	text-decoration	    :   none;
	font-family		:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	text-transform		:	uppercase;
	color				:	000000;
	Background-Color	:	00FF00;
	padding-left		:  	5px;
	padding-right		:  	5px;
	border				:   1px solid #003366;}

.btnDisarmed{
	text-decoration	    :   none;
	font-family		:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	text-transform		:	uppercase;
	color				:	000000;
	Background-Color	:	FE0000;
	padding-left		:  	5px;
	padding-right		:  	5px;
	border				:   1px solid #000000;}

a.btnFuntion:link{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	text-transform		:	uppercase;
	color				:	000000;
	Background-Color	:	CCCCCC;
	padding-left		:  	5px;
	padding-right		:  	5px;
	border				:   1px solid #000000;}

a.btnFuntion:visited{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	text-transform		:	uppercase;
	color				:	000000;
	Background-Color	:	CCCCCC;
	padding-left		:  	5px;
	padding-right		:  	5px;
	border				:   1px solid #000000;}

a.btnFuntion:hover{
	text-decoration	    :   none;
	font-family			:   Verdana, arial, Helvetica, sans-serif;
    font-size      		:   70%;
	text-transform		:	uppercase;
	color				:	000000;
	Background-Color	:	999999;
	padding-left		:  	5px;
	padding-right		:  	5px;
	border				:   1px solid #000000;}

/* ______________________________ Form Objects  ______________________________ */

.textfield{
			background-color	: FFFFFF;
			font-family			: Verdana, arial, Helvetica, sans-serif;
			font-size			: 70%;
			font-weight			: lighter;}

.formbutton{
			font-family			: Verdana, arial, Helvetica, sans-serif;
			font-size			: 70%;
			font-weight			: lighter;
			color				: 000000;
			border				: 1px solid #000000;
			background-color	: CCCCCC;}


input.radio{background-color	: FE0000;} 
.master{	background-color	: 00FF00;} 


.function{
			font-family			: Verdana, arial, Helvetica, sans-serif;
			font-size			: 70%;
			font-weight			: lighter;
			color				: 000000;
			border				: 1px solid #000000;
			background-color	: CCCCCC;}


.listmenu{
			border				: #003366 solid 1px;
			font-family			: Verdana, arial, Helvetica, sans-serif;
			font-size			: 70%;
			font-weight			: lighter;}

/* ------------------------ STYLES FOR GENERIC DEVICE VIEW ONLY -------------------------------------*/
select.genericStyle{ 
			border				: #003366 solid 1px;
			font-family			: Verdana, arial, Helvetica, sans-serif;
			font-size			: 70%;
			font-weight			: lighter;}

input.genericStyle{
			border				: #003366 solid 1px;
			font-family			: Verdana, arial, Helvetica, sans-serif;
			font-size			: 70%;
			font-weight			: lighter;}

input.genericStyleButton{
			font-family			: Verdana, arial, Helvetica, sans-serif;
			font-size			: 70%;
			font-weight			: lighter;
			color				: 000000;
			border				: 1px solid #000000;
			background-color	: CCCCCC;}

td.genericStyle {
			font-size			: 70%;
			color				: #000000;
			Line-height			: 100%;
			font-family			: Verdana, arial, Helvetica, sans-serif;
			text-decoration		: none;}

a.genericStyle {
			font-size			: 70%;
			color				: #000000;
			line-height			: 100%;
			font-family			: Verdana, arial, Helvetica, sans-serif;
			text-decoration		: none;}

th.genericStyle {
			font-size			: 70%;
			color				: #ffffff;
			line-height			: 100%;
			font-family			: Verdana, arial, Helvetica, sans-serif;
			letter-spacing		: 0px;
			background-color	: #666666;
			text-align			: left;}

tr.genericStyle {
			background-color	: #cccccc;}
/* ------------------------- END OF STYLES FOR GENERIC VIEW ONLY -------------------------------------*/


/*---------------------------STYLES FOR IMAGE ROLLOVERS----------------------------------*/
.borderImageBlack {
			border				:1px;
			border-color		: #000;
			border-style		: solid;}


A:hover {	color				: 003366;}
A:hover.borderImageBlack {
			border				:1px;
			border-color		: white;
			border-style		: solid;}

.borderImage {
			border			: 1px;
			border-color		: 003366;
			border-style		: solid;}

A:hover.borderImage {
			border			: 1px;
			border-color		:white;
			border-style		:solid;}

A:active.borderImage {
			border			: 1px;
			border-color		:yellow;
			border-style		:solid;
                        cursor                  :wait;}

.iBorderImage {         border			: 1px solid white}

A:hover.iBorderImage {	border			: 1px solid #003366;}

A:active.iBorderImage { border			: 1px solid yellow;
                        cursor                  : wait;}

.offline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
}

.error{

		font-family			:   Verdana, arial, Helvetica, sans-serif;
		font-size			:	70%;
        color   			:   FF0000;}

/*---------------------------END OF STYLES FOR IMAGE ROLLOVERS---------------------------*/