/*###########################################################################*/
/*#############	-> Layout ManagementConsole <-		  ###########*/
/*#############				                       ###########*/
/*#############	i)Scroll down for ajax layout		  ###########*/
/*############################################################################
	 #####
	#####
	#####
	 #####	   
	  #####
	  #####
	 #####
	#####
              #############
                ###########
                  #########	
                    #######
                      #####
                       ###
                         #


##########################################################################*/
/*######			body			       ######*/
/*########################################################################*/
body 
{
	/*----- body global --------*/
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #444444;
	margin:0;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #444444;
}

/*########################################################################*/
/*######			table information		      ######*/
/*########################################################################*/

table.information
{
	border-collapse:collapse;
	border: 2px solid #eeeeee;
}

table.information td
{
	border: 1px solid #ffffff; 
	font-size:11px;
	padding:2px;
}

table.information td.nameColumn
{
	background-image:url(../Images/AJAX/datagrid/button/back.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

/*########################################################################*/
/*######			status steps			      ######*/
/*########################################################################*/

/*----- active step --------*/
span.activeStep
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#B73434;
	font-weight: bold;	
}

/*----- normal step --------*/
span.normalStep
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:Gray;
}


/*########################################################################*/
/*######			text			      ######*/
/*########################################################################*/

/*----- example labels --------*/
span.example
{
	font-family: Tahoma;
	font-size: 11px;
	font-style:italic;
	margin-left:20px;
}

/*----------------- div -----------------*/
div 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
}

/*----------------- td -----------------*/
td 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
}

/*----------------- text_wit -----------------*/
.text_wit 
{
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

/*----------------- text -----------------*/
.text 
{
	font-size: 11px;
	color: #000000;
	line-height: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*########################################################################*/
/*######			little menu			      ######*/
/*########################################################################*/

tr.littleMenuBack
{
	background-image: url(../Images/littleMenu/background.jpg);		
}

td.littleMenuSeperator
{
	width:7;
	height:38;
	background-image: url(../Images/littleMenu/seperator.jpg);		
}

td.littleMenuStopLeft
{
	width:19;
	height:38;
	background-image: url(../Images/littleMenu/left.jpg);		
}

td.littleMenuStopRight
{
	width:19;
	height:38;
	background-image: url(../Images/littleMenu/right.jpg);		
}

/*########################################################################*/
/*######			eventviewer			      ######*/
/*########################################################################*/

div.errorTypeError
{
	padding-top:3px;
	padding-left: 25px;
	
	background-image: url(../Images/error/error.gif);		
	background-repeat: no-repeat;
	background-position: left;
}

div.errorTypeWarning
{
	padding-top:3px;
	padding-left: 25px;
	
	background-image: url(../Images/error/warning.gif);		
	background-repeat: no-repeat;
	background-position: left;
}

div.errorTypeInformation
{
	padding-top:3px;
	padding-left: 25px;
	
	background-image: url(../Images/error/information.gif);		
	background-repeat: no-repeat;
	background-position: left;
}

/*########################################################################*/
/*######		status users: admin and reseller dashboard	      ######*/
/*########################################################################*/

/*----------------- normal status -----------------*/
.statusRed
{
	color:Red;
}

.statusOrange
{
	color:orange;
}

.statusGreen
{
	color:green;
}

/*----------------- special status -----------------*/
div.statusRedSpecial
{
	background-image: url(../Images/StatusLight/red.jpg);	
	background-repeat: no-repeat;
	background-position: left;
	
	color:red;
	
	padding-left: 40px;
	display: block;
}

div.statusOrangeSpecial
{
	background-image: url(../Images/StatusLight/orange.jpg);	
	background-repeat: no-repeat;
	background-position: left;
	
	color:orange;
	
	padding-left: 40px;
	display: block;
}

div.statusGreenSpecial
{
	background-image: url(../Images/StatusLight/green.jpg);	
	background-repeat: no-repeat;
	background-position: left;
	
	color:green;
	
	padding-left: 40px;
	display: block;
}


/*########################################################################*/
/*######			backup / restore icons			      ######*/
/*########################################################################*/

div.backupIcon
{
	background-image: url(../Images/Icons/backup.gif);	
	background-repeat: no-repeat;
	background-position: left;
	
	padding-left: 25px;
	display: block;
}

div.restoreIcon
{
	background-image: url(../Images/Icons/restore.gif);	
	background-repeat: no-repeat;
	background-position: left;
	
	padding-left: 25px;
	display: block;
}

/*########################################################################*/
/*######			special row			      ######*/
/*########################################################################*/

/*----------------- special row -----------------*/
td.specialRow
{
	background:url(../Images/AJAX/datagrid/actions/back.jpg) repeat-x;
	height:23px;
	padding: 3px 6px;
}

/*----------------- special horizontal rule -----------------*/
hr.specialHR
{
	color:EEEEEE;	
	background-color:EEEEEE;	
}

/*########################################################################*/
/*######            server validation: visible if client validation not works                           ####*/
/*########################################################################*/

fieldset.serverValidation
{
	border-color:Red;
	color:Red;
	padding-top:0px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	background-color:FFEDED;
}

legend.serverValidation
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:Red;
	font-weight:bold;	
	font-size: 14px;
}


/*########################################################################*/
/*######			Form pages 			       ######*/
/*########################################################################*/

/*----- group name --------*/
span.groupSettingsName
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:5A80AF;
	font-weight:bold;	
	font-size: 14px;
}

/*----- setting name --------*/
span.settingName
{
	font-family:Tahoma;
	font-size: 11px;
}

/*----- explanation of setting --------*/
span.settingInformation
{
	font-family: Tahoma;
	color:808080;
	font-size: 11px;
}

/*----- background --------*/
table.formPage
{
	background-color: #ffffff;
	margin-top: 12px;
}

/*----- highlighted row --------*/
tr.specialRow
{
	background-color: #e0e0e9;	
}

/*----- information column --------*/
td.informationColumn
{
	padding:5px;
	width:250px;
}

/*########################################################################*/
/*######			+ / - button			      ######*/
/*########################################################################*/

/*----------------- - ico -----------------*/
div.collapseIco
{
	margin-right:10px;
	height:15px;
	width:9px;
	background-image:url(../Images/extra/min.gif);
}

/*----------------- + ico -----------------*/
div.expandIco
{
	margin-right:10px;
	height:15px;
	width:9px;
	background-image:url(../Images/extra/plus.gif);
}

table.RowClickExpanded
{
	background-color:#FFE7C3;
}

table.RowClickCollapsed
{
	background-color:White;
}
/*########################################################################*/
/*######			other		                            ######*/
/*########################################################################*/

/*----------------- logo -----------------*/
img.logo
{
	margin:5px;
}

/*----------------- link special -----------------*/
a.special:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:Navy;
	font-size: 11px;
	text-decoration: none;
}

a.special:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:Navy;
	font-size: 11px;
	text-decoration: none;
}

a.special:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FE9903;
	font-size: 11px;
	text-decoration: none;
    border-bottom: 1px solid;
}

/*----------------- link white -----------------*/
a.gray:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:White;
	font-size: 11px;
}

a.gray:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:White;
	font-size: 11px;
}

a.gray:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:White;
	font-size: 11px;
}


/*----------------- link (normal) -----------------*/
a:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#B73434;
	text-decoration: none;
}

a:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#B73434;
	text-decoration: none;
}
a:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#2960A1;
	text-decoration: none;
}

/*########################################################################*/
/*######			bottom information bar		      ######*/
/*########################################################################*/

td.bottom
{
	font-size: 9px;
	color:Black;
	padding-top:7px;
	background-image:url(../Images/bottom/back.jpg);
}


/*########################################################################*/
/*######			reseller dashboard		      ######*/
/*########################################################################*/

/*----------------- example urls (Reseller DB) -----------------*/
a.exampleUrl:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #0F9528;
	text-decoration: none;
	font-size: 11px;
}
a.exampleUrl:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #0F9528;
	text-decoration: none;
	font-size: 11px;
}
a.exampleUrl:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #0F9528;
	text-decoration:underline;
	font-size: 11px;
}

/*########################################################################*/
/*######			menu		                            ######*/
/*########################################################################*/

/*----------------- background -----------------*/
td.menuBackground
{
	background:#82888b url('../Images/vortex/menu_bg.gif') repeat-x;
	height:32px;
	white-space: nowrap;
}

/*----------------- seperator between menu items -----------------*/
td.menuSeperator
{
	/* background-image:url('../Images/vortex/menu_seperator.gif'); */
	width:20px;
	white-space: nowrap;
}

/*----------------- arrow for sub menu -----------------*/
td.menuMore
{
	background-image:url('../Images/vortex/menu_more.gif');
	width:11px;
	white-space: nowrap;
}

/*----------------- link menu -----------------*/
a.menu:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
}
a.menu:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
}
a.menu:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #d9ff00;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
}

/*----------------- link menuActive -----------------*/
a.menuActive:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #d9ff00;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
}
a.menuActive:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #d9ff00;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
}
a.menuActive:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #e9ff20;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
}

/*----------------- active option -----------------*/
tr.menuOptionActive
{
	background-color:#83898c;
	border-bottom: 1px solid #cccccc;
}

/*----------------- non active option -----------------*/
tr.menuOptionNonActive
{
	background-color:#ffffff;
	border-bottom: 1px solid #cccccc;
}

/*########################################################################*/
/*######			sub menu			      ######*/
/*########################################################################*/

/*----------------- sub menu -----------------*/
div.subMenu
{
	border:1px solid #73797c;
	border-bottom:2px solid #73797c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#444444;
	width:180px;
	background-color:#ffffff;
	font-weight: bold;
}
	
/*----------------- link submenu -----------------*/
a.submenu:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#444444;
	text-decoration: none;
	padding: 6px;
	display: block;
}
a.submenu:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#444444;
	text-decoration: none;
	padding: 6px;
	display: block;
}
a.submenu:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#ffffff;
	text-decoration: none;
	padding: 6px;
	display: block;
}


/*########################################################################*/
/*######		login user info (under menu)		       ######*/
/*########################################################################*/

/*----------------- user info -----------------*/
span.userInfo
{
	/* font-family: Tahoma;
	color: Black;
	font-size: 11px; */
	
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}

td.userInfoBack
{
	/* text-align:right;
	height:20px;
	background-image:url(../Images/loginInfo/back.jpg); */
	
	background: #282e35 url('../Images/vortex/management-console-header.jpg') left bottom no-repeat;
	padding: 5px;
	vertical-align: middle;
	text-align: right;
	height: 76px;
}


/*########################################################################*/
/*######			Webaccess			      ######*/
/*########################################################################*/

/*----------------- webaccess -----------------*/
td.webaccess_folderBack
{
	background-color:#eeeeee;
}

/*########################################################################*/
/*######			Table layout			      ######*/
/*########################################################################*/

/*----------------- table head text -----------------*/
span.tableHeadText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
}

/*########################################################
------------------------- table(login) -----------------*/
table.Login
{
	width:300px;
	height:200px;
}

/*-- Top row --*/

td.leftTopLogin
{
	width:14px;
	height:24px;   
	background-image:url(../Images/table/topBlue/topLeft.jpg);
}

td.TopLogin
{
	height:24px;    
	background-image:url(../Images/table/topBlue/topBack.jpg);
}

td.rightTopLogin
{    
	width:14px;
	height:24px;  
	background-image:url(../Images/table/topBlue/topRight.jpg);
}

/*-- Middle row --*/

td.leftLogin
{    
	width:14px;
	background-image:url(../Images/table/borderLeft.jpg);
}

td.rightLogin
{    
	width:14px;
	background-image:url(../Images/table/borderRight.jpg);
}

/*-- Bottom row --*/

td.leftBottomLogin
{    
	width:14px;
	height:15px;  
	background-image:url(../Images/table/bottomLeft.jpg);
}

td.BottomLogin{    
	height:15px;  
	background-image:url(../Images/table/bottomBack.jpg);
}

td.rightBottomLogin{    
	width:14px;
	height:15px;  
	background-image:url(../Images/table/bottomRight.jpg);
}


/*########################################################
--------------------- table(formTable) -----------------*/

/*-- Top row --*/

td.leftTopForm
{
	width:14px;
	height:32px;    
	background-image:url(../Images/table/topBlue/topLeft.jpg);
}

td.TopForm
{    
	height:32px;   
	background-image:url(../Images/table/topBlue/topBack.jpg);
}

td.rightTopForm
{
	width:14px;
	height:32px;       
	background-image:url(../Images/table/topBlue/topRight.jpg);
}

/*-- Middle row --*/

td.leftForm
{
	width:14px;
	background-image:url(../Images/table/borderLeft.jpg);
}

td.rightForm
{    
	width:14px; 	
	background-image:url(../Images/table/borderRight.jpg);
}

/*-- Bottom row --*/

td.leftBottomForm
{    
	width:14px;
	height:15px;   
	background-image:url(../Images/table/bottomLeft.jpg);
}

td.BottomForm
{    
	height:15px;   
	background-image:url(../Images/table/bottomBack.jpg);
}

td.rightBottomForm
{    
	width:14px;
	height:15px;   
	background-image:url(../Images/table/bottomRight.jpg);
}

/*########################################################
-------------- table(informationTable) -----------------*/

/*-- Top row --*/

td.leftTopInformation
{    
	width:14px;
	height:32px;   
	background-image:url(../Images/table/topOrange/topLeft.jpg);
}

td.TopInformation
{    
	height:32px; 
	background-image:url(../Images/table/topOrange/topBack.jpg);
}

td.rightTopInformation
{    
	width:14px;
	height:32px;   
	background-image:url(../Images/table/topOrange/topRight.jpg);
}

/*-- Middle row --*/

td.leftInformation
{    
	width:14px;
	background-image:url(../Images/table/borderLeft.jpg);
}

td.rightInformation
{    
	width:14px;
	background-image:url(../Images/table/borderRight.jpg);
}

/*-- Bottom row --*/

td.leftBottomInformation
{    
	width:14px;
	height:15px;   
	background-image:url(../Images/table/bottomLeft.jpg);
}

td.BottomInformation
{    
	height:15px;   
	background-image:url(../Images/table/bottomBack.jpg);
}

td.rightBottomInformation
{    
	width:14px;
	height:15px;   
	background-image:url(../Images/table/bottomRight.jpg);
}

/*########################################################
-------------------- table(errorTable) -----------------*/

/*-- Top row --*/

td.leftTopError
{    
	width:14px;
	height:24px;   
	background-image:url(../Images/table/topRed/topLeft.jpg);
}

td.TopError
{    
	height:24px;   
	background-image:url(../Images/table/topRed/topBack.jpg);
}

td.rightTopError
{    
	width:14px;
	height:24px;   
	background-image:url(../Images/table/topRed/topRight.jpg);
}

/*-- Middle row --*/

td.leftError
{    
	width:14px;
	background-image:url(../Images/table/borderLeft.jpg);
}

td.rightError
{    
	width:14px;
	background-image:url(../Images/table/borderRight.jpg);
}

/*-- Bottom row --*/

td.leftBottomError
{    
	width:14px;
	height:15px;   
	background-image:url(../Images/table/bottomLeft.jpg);
}

td.BottomError
{    
	height:15px;   
	background-image:url(../Images/table/bottomBack.jpg);
}

td.rightBottomError
{    
	width:14px;
	height:15px;   
	background-image:url(../Images/table/bottomRight.jpg);
}

/*########################################################
----------------- table(feedbackTable) -----------------*/

/*-- Top row --*/

td.leftTopFeedback
{    
	width:14px;
	height:24px;   
	background-image:url(../Images/table/topGreen/topLeft.jpg);
}

td.TopFeedback
{    
	height:24px;   
	background-image:url(../Images/table/topGreen/topBack.jpg);
}

td.rightTopFeedback
{    
	width:14px;
	height:24px;   
	background-image:url(../Images/table/topGreen/topRight.jpg);
}

/*-- Middle row --*/

td.leftFeedback
{    
	width:14px;
	background-image:url(../Images/table/borderLeft.jpg);
}

td.rightFeedback
{    
	width:14px;
	background-image:url(../Images/table/borderRight.jpg);
}

/*-- Bottom row --*/

td.leftBottomFeedback
{    
	width:14px;
	height:15px;   
	background-image:url(../Images/table/bottomLeft.jpg);
}

td.BottomFeedback
{    
	height:15px;   
	background-image:url(../Images/table/bottomBack.jpg);
}

td.rightBottomFeedback
{    
	width:14px;
	height:15px;   
	background-image:url(../Images/table/bottomRight.jpg);
}

/*########################################################################*/
/*######			field validation error		       ######*/
/*########################################################################*/
span.error
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	background-image: url(../Images/error/arrow.gif);	
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
	display: block;
	color:Red;
}

/*########################################################################*/
/*######			information note		       ######*/
/*########################################################################*/
span.InformationNote
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	background-image: url(../Images/error/information.gif);	
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
	height:20px;
	display: block;
}


/*########################################################################*/
/*######		button, input, textarea, select	  	      ######*/
/*########################################################################*/

input, textarea, select		
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.full
{	
	width:100%;	
}

.widthFour
{	
	width:30px;	
}

.widthTwo
{	
	width:15px;	
}

.buttonStyle {
}



/*###########################################################################*/
/*#############	-> Layout ajax components <-		  ###########*/
/*#############				                       ###########*/
/*############################################################################
	 #####
	#####
	#####
	 #####	   
	  #####
	  #####
	 #####
	#####
              #############
                ###########
                  #########	
                    #######
                      #####
                       ###
                         #

##########################################################################*/
/*######			+ / - button			       ######*/
/*########################################################################*/


div.AJAXexpandIco
{
	margin-right:10px;
	height:15px;
	width:9px;
	background-image:url(../Images/AJAX/datagrid/expandable/plus.gif);
}

div.AJAXCollapseIco
{
	margin-right:10px;
	height:15px;
	width:9px;
	background-image:url(../Images/AJAX/datagrid/expandable/min.gif);
}


/*########################################################################*/
/*######			expandable row		       ######*/
/*########################################################################*/

table.dataGridDetail
{
	border:0px;
}	

td.dataGridDetailHead
{
	background-image:url(../Images/AJAX/datagrid/actions/back.jpg);
	height:23px;
}

td.dataGridDetailMain
{
	background-color:#eeeeee;
}

/*########################################################################*/
/*######			expandable row		       ######*/
/*########################################################################*/

td.expandableRow
{
	background-color:#FFE7C3;
}

/*########################################################################*/
/*######			invisible row		       ######*/
/*########################################################################*/

td.invisibleRow
{
	display:none;
}


/*########################################################################*/
/*######			tab pages			     ######*/
/*########################################################################*/

/*----------------- tab background-----------------*/
table.tabBack
{
	background-image:url(../Images/AJAX/tab/back.jpg);
	margin-top:8px;
}

/*-- active tab --*/
td.tabActive
{
	height:26px;
}

table.tabActive td.tabLeft
{
	background-image:url(../Images/AJAX/tab/active/left.jpg);
	width:6px;
	height:26px;
}

table.tabActive td.tabCenter
{
	padding-top:3px;
	padding-left: 8px;
	padding-right: 8px;
	color:#ffffff; 
	font-size:11px;
	font-weight:bold;
	background-image:url(../Images/AJAX/tab/active/back.jpg);
	height:26px;
	cursor:default;
}

table.tabActive td.tabRight
{
	background-image:url(../Images/AJAX/tab/active/right.jpg);
	width:6px;
	height:26px;
}

/*-- inactive tab --*/
td.tabinActive
{
	height:26px;
}

table.tabinActive td.tabLeft
{
	background-image:url(../Images/AJAX/tab/inactive/left.jpg);
	width:6px;
	height:26px;
}

table.tabinActive td.tabCenter
{
	padding-top:5px;
	padding-left: 8px;
	padding-right: 8px;
	color: #666666;
	font-size:11px;
	font-weight:bold;
	background-image:url(../Images/AJAX/tab/inactive/back.jpg);
	height:26px;
	cursor:pointer;
}

table.tabinActive td.tabHover
{
	padding-top:3px;
	padding-left: 8px;
	padding-right: 8px;
	color: #000000;
	font-size:11px;
	font-weight:bold;
	background-image:url(../Images/AJAX/tab/inactive/back.jpg);
	height:26px;
	cursor:pointer;
}

table.tabinActive td.tabRight
{
	background-image:url(../Images/AJAX/tab/inactive/right.jpg);
	width:6px;
	height:26px;
}

/*########################################################################*/
/*######			datagrid			       ######*/
/*########################################################################*/

/*----------------- datagrid -----------------*/
table.dataGrid
{
	border-collapse: collapse;
	border:0px;
	padding:0px;
	margin-top:12px;
}

table.dataGrid td
{
	font-size:11px;
	padding:5px 6px;
	padding-top: 4px;
	line-height: 12px;
}

/*----------------- datagrid Head -----------------*/
table.dataGrid tr.dataGridHead
{
	background-image:url(../Images/vortex/datagridHeadBack.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;
	font-size: 10px;
	text-decoration: none;
	border-top: 1px solid #0067ab;
}

/*----------------- inactive column -----------------*/
table.dataGrid td.dataGridColumnInActive
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#cccccc;
	font-weight:bold;
	font-size: 10px;
	text-decoration: none;
	border-left: 1px solid #0067ab;
	border-right: 1px solid #5db1e9;
}

/*----------------- normal column -----------------*/
table.dataGrid td.dataGridColumnNormal
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;
	font-size: 10px;
	text-decoration: none;
	border-left: 1px solid #0067ab;
	border-right: 1px solid #5db1e9;
}

/*----------------- normal column -----------------*/
td.ColumnHeader
{
	background-image:url(../Images/vortex/datagridHeadBack.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 10px;
	text-decoration: none;
	PADDING-RIGHT:5px;
	PADDING-LEFT:5px;
	padding-bottom:2px;
	padding-top:2px;
}

/*----------------- hover column -----------------*/
table.dataGrid td.dataGridColumnHover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #0060aa;
	color:#ffffff;
	font-weight:bold;
	font-size: 10px;
	text-decoration: none;
	border-left: 1px solid #0067ab;
	border-right: 1px solid #5db1e9;
	cursor: pointer;
}

/*----------------- sorting arrows -----------------*/
span.datagridSortedDESC
{
	width:13px;
	background-image:url(../Images/AJAX/datagrid/head/sortDESC.gif);
}

span.datagridSortedASC
{
	width:13px;
	background-image:url(../Images/AJAX/datagrid/head/sortASC.gif);
}

/*----------------- datagrid button normal -----------------*/
table.dataGrid td.dataGridButtonNormal
{
	background-image:url(../Images/AJAX/datagrid/button/back.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#B73434;
	font-size: 11px;
	text-decoration: none;
}

/*----------------- datagrid button hover -----------------*/
table.dataGrid td.dataGridButtonHover
{
	background-color:#E2E2E2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#2960A1;
	font-size:11px;
	text-decoration:underline;
}


/*----------------- link column(datagrid) -----------------*/

tr.dataGridHead a:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;
	font-size: 11px;
	text-decoration: none;
}

tr.dataGridHead a:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;
	font-size: 11px;
	text-decoration: none;
}
tr.dataGridHead a:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-weight:bold;
	font-size: 11px;
	text-decoration:underline;
}

/*----------------- actions -----------------*/
td.dataGridActions
{
	background-image:url(../Images/AJAX/datagrid/actions/back.jpg);
	height:23px;
}

td.dataGridActions span.actionItem
{
	color:Gray;
}

td.dataGridActions span.actionItemHover
{
	color:Black;
	text-decoration:underline;
}

/*----------------- datagrid body row -----------------*/
table.dataGrid tr.dataGridRowNormal
{
	background-color:White;
}

table.dataGrid tr.dataGridRowNormalClickable
{
	background-color:White;
}

table.dataGrid tr.dataGridRowHover
{
	background-color:#eeeeee;
}

table.dataGrid tr.dataGridRowHoverClickable
{
	background-color:#eeeeee;
}

table.dataGrid tr.dataGridRowClick
{
	background-color:#FFE7C3;
}

/*----------------- link row(datagrid) -----------------*/

table.dataGrid a:link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#B73434;
	font-size: 11px;
	text-decoration: none;
}

table.dataGrid a:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#B73434;
	font-size: 11px;
	text-decoration: none;
}
table.dataGrid a:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#2960A1;
	font-size: 11px;
	text-decoration: none;
}

/*----------------- datagrid status bar --------------*/

table.datagridStatusBar
{	
	background-color:#eeeeee;
	border: none;
}

table.datagridStatusBar span
{
	font-family: Tahoma;
	color:#000000;
	font-size: 10px;
}

/*----------------- datagrid bottom -----------------*/

tr.dataGridBottom
{
	background-image:url(../Images/AJAX/datagrid/bottom/back.jpg);
}

tr.dataGridBottom table
{
  border:0px;
}

td.rowCountUp
{
	width:24;
	height:13;
	background-image:url(../Images/AJAX/datagrid/bottom/up.jpg);	
}

td.rowCountDown
{
	width:24;
	height:12;
	background-image:url(../Images/AJAX/datagrid/bottom/down.jpg);
}

td.dataGridBottomSeperator
{
	width:2;
	height:25;
	background-image:url(../Images/AJAX/datagrid/bottom/seperator.jpg);
}

span.datagridActivePage
{
	color:Black;
	font-weight:bold;
	font-size:12;
}

span.datagridInactivePage
{
	color:Black;
	font-weight:normal;
	font-size:11;
}

span.datagridPageHover
{
	color:White;
	font-weight:bold;
	font-size:11;
}

/* Vortex Custom */

#vortexHeader {
	text-align: left;
	background: #ffffff url('../Images/vortex/header-back.gif') repeat-x;
	border-bottom: 2px solid #444444;
	padding: 5px 10px;
	margin: 0px;
}

#vortexHeaderRight {
	float: right;
	margin: 0px;
	margin-top: 15px;
}

input[type="text"], input[type="file"], input[type="password"] {
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	padding: .35em;
	height: 24px;
	background: url('../Images/vortex/input-back.gif') repeat-x;
	margin: 2px 0px;
	border: 1px solid #aaaaba;
}

input[type="button"], input[type="submit"], input[type="reset"] {
	font: 11px/11px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	border: 1px solid #0067ab;
	padding: .35em;
	background: url('../Images/vortex/button-back.gif') repeat-x;
	margin: 5px 2px;
}	

select {
	font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	padding: 1px;
	height: 20px;
	background: url('../Images/vortex/input-back.gif') repeat-x;
	margin: 2px 0px;
	border: 1px solid #aaaaba;
}

input[type="checkbox"], input[type="radio"] {
	padding: 0px;
	margin: 2px;
	vertical-align: middle;
}	

form {
	margin: 0;
}

orm {
	margin: 0;
}

argin: 0;
}

px;
	margin: 2px;
	vertical-align: middle;
}	

form {
	margin: 0;
}

le;
}	

form {
	margin: 0;
}

rm {
	margin: 0;
}