/* 
================================
Upgraded and Modified by Fernando Tapia
================================
*/  

/* PAGE BACKGROUND */
/* background color for the header at the top of the page */
.HeaderBg
{
	background-image: url(media/Banner1.3.3RoundedNoLogo.jpg);
	background-repeat: no-repeat;
	background-position :right  ; 
	padding-left: 1px;
}	

/* background color for the content part of the pages */
Body{ background-color: #FFFFFF;  /*background-image:url(media/SDSAlarmasLogoExposedForBanner.JPG)*/}

/* background/border colors for the selected tab */
.TabBg { }
/* Panes */
.LeftPane { }
.ContentPane{ }
.RightPane { }

/*____________________________________________breadcrumb & current date_________*/
/* text style for the selected tab */
.SelectedTab { font-weight: bold; font-size: 11px; color: #FFFFFF; font-family: Verdana, Tahoma, Arial, Helvetica; text-decoration: none; color: #0F0033; }

/* hyperlink style for the selected tab */
A.SelectedTab:link { text-decoration:  none; color: #0F0033; }
A.SelectedTab:visited { text-decoration:  none; color: #0F0033; }
A.SelectedTab:active  { text-decoration:  none; color: #FFFFFF; }
A.SelectedTab:hover  { text-decoration:  none; color: #FFFFFF; }
/*_____________________________________________________*/

/* text style for the unselected tabs */
.OtherTabs { font-weight: bold; font-size: 11px; color: #FFFFFF; font-family: Verdana, Tahoma, Arial, Helvetica; text-decoration: none; color: #0F0033; } 
/* hyperlink style for the unselected tabs */
A.OtherTabs:link { text-decoration: none; color: #FFFFFF; }
A.OtherTabs:visited { text-decoration: none; color: #0F0033; }
A.OtherTabs:active { text-decoration: none; color: #FF0000; }
A.OtherTabs:hover { text-decoration: none; color: #FF0000; }
/*_____________________________________________________*/

/* GENERAL */
/* style for module titles */
.Head  { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: x-small; font-weight: bold; color: #444444; }

/* style of item titles on edit and admin pages */
.SubHead  { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: xx-small; font-weight:  bold; color: #0F0033; }

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: xx-small; font-weight: bold; color: #0F0033; }

/* text style used for most text rendered by modules */
.Normal { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: xx-small; font-weight: normal; color: #0F0033; }

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: xx-small; font-weight: normal; color: #0F0033; }
.NormalRed { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: xx-small; font-weight: bold; color: #FF0000; }
.NormalBold { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: xx-small; font-weight: bold; }
/*_____________________________________________________*/

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; } 
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link { text-decoration: underline; color: #0F0033; }
A.CommandButton:visited { text-decoration: underline; color: #0F0033; }
A.CommandButton:active { text-decoration: underline; color: #FF0000; }
A.CommandButton:hover { text-decoration: underline; color: #FF0000; }
/*_____________________________________________________*/

/* GENERIC */
H1 { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 18px; color: #0F0033; }
H2 { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 16px; color: #0F0033; }
H3 { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 14px; color: #0F0033; }
H4 { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 12px; color: #0F0033; }
H5 { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 11px; color: #0F0033; }

H6 { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 10px; color: #0F0033; }
TFOOT, THEAD { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 11px; color: #0F0033; }
TH { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; color: #0F0033; }
/*_____________________________________________________*/
/* Common links */
A:link { text-decoration: underline; color: #FFFFFF; }
A:visited { text-decoration: underline; color: #FFFFFF; }
A:active { text-decoration: underline; color: #FFFFFF; }
A:hover { text-decoration: none; color: #FFFFFF; }
/*_____________________________________________________*/

SMALL { font-size: 8px; }
BIG { font-size: 14px; }
BLOCKQUOTE, PRE { font-family: Verdana, Tahoma, Arial, Helvetica; }
/*_____________________________________________________*/

UL LI { list-style-type: square ; }
UL LI LI { list-style-type: disc; }
UL LI LI LI { list-style-type: circle; }
OL LI { list-style-type: decimal; }
OL OL LI  { list-style-type: lower-alpha; }
OL OL OL LI { list-style-type: lower-roman; }
/*_____________________________________________________*/

HR { color: dimgrey; height: 1px; }
/*_____________________________________________________*/
/*_____________________________________________________*/
/* Menu-Styles */
/* Module Title Menu */

.ModuleTitle_MenuContainer { border-bottom: blue 0px solid; border-left: blue 0px solid; border-top: blue 0px solid; border-right: blue 0px solid; }
.ModuleTitle_MenuBar { cursor: pointer; cursor: hand; height: 16px; background-color: Transparent; }
.ModuleTitle_MenuItem { cursor: hand; color: black; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 9pt; font-weight: bold; font-style: normal; border-left: #FFFFFF 0px solid; border-bottom: #FFFFFF 1px solid; border-top: #FFFFFF 1px solid; border-right: #FFFFFF 0px solid; background-color: Transparent; }
.ModuleTitle_MenuIcon { cursor: hand; background-color: #EEEEEE; border-left: #EEEEEE 1px solid; border-bottom: #EEEEEE 1px solid; border-top: #EEEEEE 1px solid; text-align: center; width: 15; height: 21; }
.ModuleTitle_SubMenu { z-index: 1000; cursor: hand; background-color: #FFFFFF; filter: progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); border-bottom: #FFFFFF 0px solid; border-left: #FFFFFF 0px solid; border-top: #FFFFFF 0px solid; border-right: #FFFFFF 0px solid; }
.ModuleTitle_MenuBreak { border-bottom: #EEEEEE 1px solid; border-left: #EEEEEE 0px solid; border-top: #EEEEEE 1px solid;  border-right: #EEEEEE 0px solid; background-color: #EEEEEE; height: 1px; }
.ModuleTitle_MenuItemSel { cursor: hand; color: black; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 9pt; font-weight: bold; font-style: normal; background-color: #C1D2EE; }
.ModuleTitle_MenuArrow { font-family: webdings; font-size: 10pt; cursor: hand; border-right: #FFFFFF 1px solid; border-bottom: #FFFFFF 1px solid; border-top: #FFFFFF 0px solid; }
.ModuleTitle_RootMenuArrow { font-family: webdings; font-size: 10pt; cursor: pointer; cursor: hand; }
/*_____________________________________________________*/
/*___________________________________________________________________________________________*/
/* Main Menu */

.MainMenu_MenuContainer { border: 0px; background-color: transparent; }
.MainMenu_MenuBar { }
.MainMenu_MenuItem { cursor: hand; color: #000066; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; border: 0px; padding: 0px; background-color: transparent; height: 30px;}/* this is the item only, does not include the 'arrows' space on the right and left*/
.MainMenu_MenuIcon {background-image:url(media/MenuItemBlue_0.JPG);background-color: transparent;border-left:2px #000066 solid;border:0px color:#cc0000;/*cursor: hand; background-color: #C4C3C8; border: 1px #C4C3C8 solid; padding-left: 0px; width: 22px; height:33px;*/}/* this is the Item Icon space, set transparent or to an image*/
.MainMenu_MenuItemSel {background-color: transparent; cursor: hand; color: #FFFFFF; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; border: 0px; padding: 1px; height: 30px; }
.rootmenuitem { cursor: hand; color: #000066; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; border: 0px; background-color: transparent; /*background-image:url(media/menubar_bg.jpg);*/ padding: 5px; height: 22px; }
.rootmenuitemselected { /*background-color: transparent;*/ /*background-image:url(media/menubar_bg.jpg);*/ cursor: hand; color: #FFFFFF; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; border: 0px; padding: 5px; height: 22px; }
.rootmenuitembreadcrumb{ cursor: hand; background-color: transparent; /*background-image:url(media/menubar_bg.jpg);*/ color: #FFFFFF; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; border: 0px; padding: 5px; }
.submenuitembreadcrumb{ cursor: hand; color: #FFFFFF;font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; border: 0px; background-color: transparent; padding: 2px; }
.submenu {width :120px; height :22px; text-align:center ;background-image:url(media/MenuItemRed_0.JPG); /* z-index: 1000; background-color: #C4C3C8; *//*filter:progid:DXImageTransform.Microsoft.Shadow(color='#222222', Direction=180, Strength=1); */ /*border: 2px #898A8F solid; border-top: 1px #77787D solid; padding: 1px; */}
.MainMenu_MenuBreak {border-left:2px #000066; border: 2px; /*background-color: #898A8F;*/ height: 1px; }/*???*/
.MainMenu_MenuArrow {background-image:url(media/MenuItemRed_0.JPG);border: 0px; border-right: 0px #000066 solid;  }/* this is basicaly the space right to the menu item*/
.MainMenu_RootMenuArrow {border: 0px; }
/*_____________________________________________________*/
/*___________________________________________________________________________________________*/
/*Castom classes*/

.bg_main{ /*NO BG IMAGE FOR NOW  background-image:url(media/bg_main.jpg); background-repeat: no-repeat;*/ }
a.links_bottom:visited{ font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 10px; color: #ffffff; text-decoration:none; }
a.links_bottom:active{ font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 10px; color: #ffffff; text-decoration:none; }
a.links_bottom:hover{ font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 10px; color: #cc0000; text-decoration:none; }
a.links_bottom:link{ font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 10px; color: #ffffff; text-decoration:none; }
a.links_top:visited{ font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 11px; color: #333333; text-decoration:none; }
a.links_top:active{ font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 11px; color: #333333; text-decoration:none; }
a.links_top:hover{ font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 11px; color: #adadad; text-decoration:none; }
a.links_top:link{ font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 11px; color: #333333; text-decoration:none; }
.Copyright { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 9px; color: #333333; }
a.DNNCopyright:visited { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 9px; color: #333333; text-decoration:none; }
a.DNNCopyright:active { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 9px; color: #333333; text-decoration:none; }
a.DNNCopyright:hover { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 9px; color: #adadad; text-decoration:none; }
a.DNNCopyright:link { font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 9px; color: #333333; text-decoration:none; }