/* -------------------------------------------------- */
/* CrossFire 1.0 - DNN Horizontal Menu Skin               */
/* by Kelly Oltean - http://www.NukeBuilder.com       */
/* -------------------------------------------------- */

/* ------------------------------- */
/* Global */
/* ------------------------------- */

html
{
    height:100%;
}

body
{
    height:100%;
    margin:0px;
    background-color:#FFFFFF;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size:13px;
    
}
        
table, tr, td, p /* global styles */
{
    font-family: Tahoma, Arial, Sans-Serif;
    font-size:13px;
    margin:0px;
}

p {
margin:12px 0px 12px 0px;
}

li {
font-family: Tahoma, Arial, Sans-Serif;
font-size:13px;
}

.ControlPanel, .PagingTable /* control panel styles */
{
    width: 100%;
    background-color: #E7E4E4;
    border: #5F5F5F 1px solid;
}

/* ------------------------------- */
/* Outer Div, contains OuterTable */
/* ------------------------------- */

.OuterDiv
{
    width:100%;
    height:auto;
    padding:20px 0px 0px 0px;
    background-color:#3B3B3B;
    /*background-image:url(body_bk.jpg); 
    background-repeat:repeat-x;*/
}

/* ------------------------------- */
/* OuterTable, contains three rows, header, content, footer */
/* ------------------------------- */

.OuterTable
{
    background-image:url(page_bk_left.jpg); /* background left side of page */ 
    background-repeat:repeat-y;
    background-color:#EBE9E9;
    width:960px; /* adjust minimum page width, % or px */
}

/* ------------------------------- */

.LogoTable /* Logo */
{
    height:100%;
    /* width:200px;  forces column width */
}

.LogoTD /* a logo larger than the cell will stretch the entire column */
{
   padding:0px 0px 0px 0px; /* adjust placement of logo */
}

.HeaderPane {
width:480px;
height:120px;
padding:26px 0px 0px 0px;
background-color:Transparent;
position:absolute;
top:-10px;
right:8px;
display:none;
}

.HeaderPane .Subhead
{
color:#a4a4a4;
}

/* ------------------------------- */

.DATE_Div /* container for object */
{
    position:absolute;
    top:176px;
    right:30px;
    width:200px;
    font-weight:bold;
    font-size:12px;
    text-align:right;
    /*display:none;*/
}

.DATE_obj /* direct class of object */
{   
    color:#939393; 
}

/* ------------------------------- */
/* Header Row Right */ 
/* ------------------------------- */

.HeaderTD
{
    background-image:url(header_top.jpg); /* background for stretch */
    background-repeat:repeat-x;
    height:205px; /* adjust height of header */
    width:100%; /* adjust width of column 2 */
}

.HeaderDiv1 /* backgrounds */
{
   background-image:url(header_right.jpg);  /* background top right */ 
   background-position:top right;
   background-repeat:no-repeat;
   height:205px; /* must define pixel height for Opera */
   width:100%;
}

.HeaderDiv2 /* backgrounds */
{
   background-image:url(header_left.jpg); /* background top left */ 
   background-repeat:no-repeat;
   height:205px; /* must define pixel height for Opera */
   width:100%;
}

.HeaderDiv3 /* backgrounds and positioning */
{
   position:relative;   
   height:100%;
   width:100%;
}

/* ------------------------------- */ 

.USER_LOGIN_Div /* User and Login Div, container for both objects */
{
    position:absolute;
    top:18px;
    right:30px;
    text-align:right;
    font-weight:bold;
    font-size:12px;
}

a.USER_obj:link, a.USER_obj:visited, a.USER_obj:active /* direct class of object */
{
  color:#E7E7E7; 
}

a.USER_obj:hover
{
  color:#FFFFFF;  
}

/* ------------------------------- */

a.LOGIN_obj:link, a.LOGIN_obj:visited, a.LOGIN_obj:active /* direct class of object */
{
 color:#E7E7E7;   
}

a.LOGIN_obj:hover
{
  color:#FFFFFF;  
}

/* ------------------------------- */
    
.BREADCRUMB_Div /* container for object */
{
    position:absolute;
    top:176px;
    left:30px;
    text-align:left;
    font-weight:bold;
    font-size:12px;
    width:100%;
    color:#939393;
}

a.BREADCRUMB_obj:link, a.BREADCRUMB_obj:visited, a.BREADCRUMB_obj:active  /* direct class of object */
{
    color:#939393;
    font-weight:bold;
}

a.BREADCRUMB_obj:hover
{
    color:#B93D00;
    font-weight:bold;
    text-decoration:underline;
}

/* ------------------------------- */

.SEARCH_Div /* container for object */
{
    position:absolute;
    top:148px;
    right:50px;
    font-weight:bold;
    font-size:11px;
    z-index:1000;
    display:none;
}

a.SEARCH_obj:link, a.SEARCH_obj:visited, a.SEARCH_obj:active /* direct class of object */
{
    color:#5F5F5F;
}

a.SEARCH_obj:hover
{
    color:#FF5F0A;
}

/* ------------------------------- */

.MenuTable
{
    /* width:200px;  forces column width */
    position:absolute;
    left:20px;
    top:132px;
}

.MenuTD /* contains solpartmenu */
{
    padding:0px 0px 0px 0px; /* adjust position of menu */
}

.MenuDiv1
{
    height:100%;
    width:900px;
}

.MenuDiv2
{
    height:100%;
    width:100%;
}

.MenuDiv3
{
    height:auto; /* must use use "auto" here for firefox */
    padding:0px 0px 0px 0px; /* adjust area above and below button group */
    width:900px;
}

/* ------------------------------- */
/* Solpartmenu appears at end */
/* ------------------------------- */

/* ------------------------------- */
/* Content Row Right */
/* ------------------------------- */

.ContentTD 
{
    /*background-image:url(content_top.jpg);  background right edge of page 
    background-repeat:repeat-x;*/
    background-color:Transparent;
    height:100%;
    width:100%;
}

.ContentDiv1
{
    height:100%;
    width:100%;
    background-image:url(page_bk_right.jpg); /* background right edge of page */
    background-repeat:repeat-y;
    background-position:right top;   
}

.ContentDiv2
{
    height:100%;
    width:100%;
    /*background-image:url(content_top_left.jpg);
    background-repeat:no-repeat;
    background-position:left top; */
}

.ContentDiv3  /* backgrounds and positioning */
{
    height:100%;
    width:100%;
    /*background-image:url(content_top_right.jpg);
    background-repeat:no-repeat;
    background-position:right top;*/
}

.ContentInnerTable 
{
    width:100%;
    height:160px; /* provide minimum height for content area */
}

.ContentInnerTD
{
  padding:5px 7px 10px 7px; /* Adjust content area padding */
  width:100%;
}

/* ------------------------------- */

.ContentPaneTable /* Content Panes */
{
    width:100%;
    text-align:left; 
}

.TopPane
{
    padding:0px 8px 0px 8px;
    background-color:Transparent;
}

.LeftPane
{
    padding:0px 5px 0px 8px;
    background-color:Transparent;
    width:33%;
}

.ContentPane
{
    padding:0px 5px 0px 5px;
    background-color:Transparent;
    width:33%;
}

.RightPane
{
    padding:0px 8px 0px 5px;
    background-color:Transparent;
    width:33%;
}

.ContentPane2
{
    padding:0px 5px 0px 8px;
    background-color:Transparent;
    width:72%;
}

.RightPane2
{
    padding:0px 8px 0px 5px;
    background-color:Transparent;
     /*width:33%;*/
}

.ContentPane3
{
    padding:0px 8px 0px 5px;
    background-color:Transparent;
    width:72%;
}

.LeftPane3
{
    padding:0px 5px 0px 8px;
    background-color:Transparent;
     /*width:33%;*/
}

.LeftPane4
{
    padding:0px 5px 0px 8px;
    background-color:Transparent;
    width:50%;
}

.RightPane4
{
    padding:0px 8px 0px 5px;
    background-color:Transparent;
    width:50%;
}

.BottomPane 
{
   padding:0px 8px 0px 8px;
   background-color:Transparent;
}


/* ------------------------------- */
/* Footer */
/* ------------------------------- */

.FooterTD
{    
    height:100%;
    width:100%;
    background-image:url(footer_bottom.jpg);  /* background bottom for stretch */
    background-position:bottom;
    background-repeat:repeat-x;
}    

.FooterDiv1
{
    background-image:url(footer_left.jpg); /* background bottom left */
    background-position:left bottom;
    background-repeat:no-repeat;
    height:100%;
    width:100%;
    
} 

.FooterDiv2
{
    background-image:url(footer_right.jpg);  /* background bottom left */
    background-repeat:no-repeat; 
    background-position:right bottom;
    height:100%;
    width:100%;
} 

.FooterDiv3 /* backgrounds and positioning */
{
    position:relative;
} 

.FooterInnerTable
{
    width:100%;
    height:50px; /* provide minimum height for footer area */
}

.FooterInnerTD
{
    padding:10px 65px 0px 65px; /* Adjust footer content padding */
    width:100%;
}
.FooterPane
{
text-align:center;
}

.FooterPane a:link, .FooterPane a:active, .FooterPane a:visited
{
color:#D20000;
font-size:12px;
font-weight:bold;
padding:0px 10px 0px 10px;

}

.FooterPane a:hover
{
color:#000000;
font-size:12px;
font-weight:bold;
padding:0px 10px 0px 10px;

}

/* ------------------------------- */

.COPYRIGHT_Div /* container for object */
{
    font-size:11px;
    font-weight:normal;
    position:absolute;
    bottom:-20px;
    left:20px;
    width:100%;
}

.COPYRIGHT_obj /* direct class of object */
{      
   color:#B4B4B4; 
} 

/* ------------------------------- */ 

.TERMS_PRIVACY_Div /* Terms and Privacy Div, container for both objects */
{
    position:absolute; 
    bottom:-20px;
    right:20px;
    font-size:11px;
    font-weight:normal;
}

a.TERMS_obj:link, a.TERMS_obj:visited, a.TERMS_obj:active /* direct class of object */
{
    color:#B4B4B4; 
}
    
a.TERMS_obj:hover
{
    color:#FFFFFF;
}

/* ------------------------------- */

a.PRIVACY_obj:link, a.PRIVACY_obj:visited, a.PRIVACY_obj:active /* direct class of object */
{
    color:#B4B4B4; 
}
    
a.PRIVACY_obj:hover
{
    color:#FFFFFF;
}

/* ------------------------------- */
/* Main Menu - default classes */
/* ------------------------------- */

.MainMenu_MenuContainer /* effects each root item */
{
	background-color: transparent;
	background-image:url(menu_idle.jpg);
	width:100%; /* forces column width */
	height:27px;
	width:900px;
}



/* ------------------------------- */

.MainMenu_MenuItem  /* idle, applys to all menu items, root and sub */
{
	color:#FFFFFF;
	font-family: Verdana, Arial, Tahoma, Helvetica; 
	font-size: 11px; 
	font-weight: normal; 
	font-style: normal;
	height:24px;
	background-color: #313131;
    border-left: #F8FAF1 0px solid; 
	border-bottom: #878787 1px solid; 
	border-top: #FCD69B 0px solid;
	border-right:0px solid #766D10; 
}

.MainMenu_MenuIcon  /* placement in stylesheet matters, bg colors react differently */   
{
	background-color: #313131; 
	 border-left: #F8FAF1 0px solid; 
	border-bottom: #878787 1px solid; 
	border-top: #FCD69B 0px solid;
	border-right:0px solid #766D10; 
	text-align: center; 
	height: 24px;
	padding:0px;
}

.MainMenu_MenuItemSel  /* hover, applys to all menu items, root and sub */
{
	color: #454545; 
	font-family:  Verdana, Arial, Tahoma, Helvetica; 
	font-size: 11px; 
	font-weight: normal;
	height:24px; 
	font-style: normal; 
     border-left: #F8FAF1 0px solid; 
	border-bottom: #878787 1px solid; 
	border-top: #FCD69B 0px solid;
	border-right:0px solid #766D10;     
	background-color: #EBE9E9;
}

/* ------------------------------- */

.MainMenu_SubMenu /* sub menu container */
{ 
    z-index: 1000; 
    filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
    border-bottom: #878787 1px solid; 
	border-left: #878787 1px solid; 
	border-top: #878787 1px solid; 
	border-right: #878787 1px solid;
}

/* ------------------------------- */

.MainMenu_RootMenuArrow, .MainMenu_RootMenuArrow td /* arrow to subs */
{
	font-family: webdings; 
	font-size: 16px; /* no apparent effect */
    background-position:right top;
    padding:0px 20px 0px 0px; 
	height:23px;
	color:Green;
}

.MainMenu_MenuArrow /* arrow to sub subs */
{
	font-family: webdings; 
	font-size: 16px; /* no apparent effect */
	 border-left: #F8FAF1 0px solid; 
	border-bottom: #878787 1px solid; 
	border-top: #FCD69B 0px solid;
	border-right:0px solid #766D10; 
	padding:0px 0px 0px 3px;
	color:Olive;
}

/* ------------------------------- */

.MainMenu_MenuBreak  /* no apparent effect */
{
	border-bottom: #878787 1px solid; 
	border-left: #EEEEEE 0px solid; 
	border-top: #EEEEEE 0px solid;  
	border-right: #EEEEEE 0px solid; 
	background-color: #EEEEEE; 
	height: 0px;
}

/* ------------------------------- */
/* Root Menu - additional classes */
/* ------------------------------- */

.MainMenu_RootMenuItem /* idle */
{
    background-image:url(menu_idle.jpg);
    background-color:Transparent;
    background-position:right top;
    color: #ECECEC;
    font-family: Verdana, Arial, Tahoma, Helvetica;
    font-weight:normal;
    font-size:11px;
    text-align:left;
    height:34px;
    border:0px;
}

.MainMenu_RootMenuItemBreadCrumb /* breadcrumb to current page */
{
    background-image:url(menu_selected.jpg);
    background-color:Transparent;
    color:#FFFFFF;
    font-weight:normal;
    font-size:11px;
    border:0px;
    height:34px;
}

.MainMenu_RootMenuItemActive /* current page */
{    
    background-image:url(menu_selected.jpg);
    background-color:Transparent;
    color:#ECECEC;
    font-weight:normal;
    font-size:11px;
    border:0px;
    height:34px;
}

.MainMenu_RootMenuItemSelected /* hover */
{
    background-image:url(menu_active.jpg);
    background-color:Transparent;
    color:#FFFFFF;
    font-weight:normal;
    font-size:11px;
    border:0px;
    height:34px;
}

/* ------------------------------- */
/* Sub Menu - additional classes, placement in stylesheet matters, bg colors react differently */
/* ------------------------------- */

.MainMenu_SubMenuItemActive /* current page */
{
    background-color:#EBE9E9;
    color:#434343;
}

.MainMenu_SubMenuItemBreadCrumb /* breadcrumb */ 
{
    background-color:#EBE9E9;
    color:#434343;
}


/* ----------------------------------------- */
    
.grid_div_list 
{
    border:1px solid #DEDFDE;
    color:#000000;
    Width:100%;
    Font-Size:11px;
    }

/* ----------------------------------------- */
 
.grid_div_header 
{
    text-align:left;
    background-color:#780C00;
    font-weight:bold;
    color:#FFFFFF;
}

.grid_div_header th
{
    text-align:left;
    background-color:#780C00;
    font-weight:bold;
    color:#FFFFFF;
}

.grid_div_header a:link
{
    color:#FFFFFF;
}

.grid_div_header a:visited
{
    color:#FFFFFF;
}

.grid_div_header a:hover
{
    color:#FFFFFF;
}

 /* ----------------------------------------- */
 
.grid_div_row 
{
    background-color:green;
}

.grid_div_altrow
{
    background-color:red;
}

.grid_div_editrow
{
    background-color:blue;
        
    }
    
 .grid_div_selectedrow
 {
    background-color:olive;
 }

.FCKImageGalleryContainer {
background-color:#8CB2FD;

}