/* 
    Document   : style.css
    Created on : 12-May-2009, 10:48:47
    Author     : foxx
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

#CBMenuBar {
	/* MENUBAR WIDTH */
	width:100%;

	/* MENUBAR HEIGHT */
	height:33px;

	/* MENUBAR BACKGROUND IMAGE */
	/* Uncomment the next 4 lines if you wish to use a background image */
	/*background-image:url();
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-attachment:fixed;*/

	/* MENUBAR BACKGROUND COLOR */
	/*background-color:#008B97;*/

	/* MENUBAR BORDER */
	border-top:1px solid white;
}

#CBMenuBar .Item {
	/* MENUBAR ITEM HEIGHT */
	/* THESE TWO NUMBERS SHOULD ALWAYS BE THE SAME AS THE MENUBAR HEIGHT ATTRIBUTE */
	height:34px;
	line-height:34px;

	/* MENUBAR ITEM TEXT ALIGNMENT */
	text-align:right;

	/* MENUBAR ITEM WIDTH */
	width:auto;

	/* MENUBAR BACKGROUND IMAGE */
	/* Uncomment the next 4 lines if you wish to use a background image */
	/*background-image:url();
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-attachment:fixed;*/
	
	/* MENUBAR ITEM BACKGROUND COLOR */
	/*background-color:none;*/

	/* MENUBAR ITEM PADDING */
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;

	/* MENUBAR ITEM MARGIN */
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;

	/* MENUBAR ITEM FONT STYLING */
	font-family:arial;
	color:#808080;
	font-size:12px;

	/* MENUBAR ITEM ALIGNMENT */
	float:left;
	/* DO NOT MODIFY BETWEEN THESE LINES */

}

#CBMenuBar .Item .Dropdown {
	/* MENUBAR DROPDOWN ITEM BACKGROUND IMAGE */
	/*background-image:url(http://www.alertme.com/assets/img/icon-tick.png);*/
	/*background-repeat:no-repeat;*/

	/* MENUBAR DROPDOWN ITEM BACKGROUND POSITION */
	background-position:5px 50%;

	/* MENUBAR DROPDOWN PADDING.. */
	/* You need to make sure the padding-left and right is relative to whatever icon you use */
	padding-left:5px;
	padding-right:5px;
	
	color:#FFF;
}

#CBMenuBar .MarkDropdown .Dropbox {
	display:none;
}

/* DROP DOWN BOX CONTAINER

This container holds the drop down box itself, but not the styling for the drop down box.
We've added this extra parent so that focus is not lost if we add spacing between the dropdown box and the
item button.*/
#CBMenuBar .MarkDropdown:hover > .Dropbox {
	/* DROPDOWN BOX WIDTH */
	width:auto;

	/* DROPDOWN TEXT ALIGNMENT */
	text-align:left;

	/* DROPDOWN BOX MARGINS */
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;

	/* DROPDOWN BOX MARGIN */
	margin-left:-1px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;

	/* DO NOT MODIFY BETWEEN THESE LINES */
	display:block;
	position:absolute;
	top:auto;
	clear:both;
	z-index:2000;
	/* DO NOT MODIFY BETWEEN THESE LINES */
}

/* DROPDOWN BOX STYLING */
/* Sets the styling for the box which appears underneath the item button when hovered */
#CBMenuBar .MarkDropdown:hover > .Dropbox .DropboxContent {
	/* Sets the width */
	width:170px;

	/* Sets the background color */
	background-color:#FFF;

	/* Sets the border */
	border:1px solid #ccc;
	border-top:none;
}

/* DROPDOWN BOX FIRST MENU WHEN HOVERED */
/* Sets the styling for the menu items inside the dropdown box when hovered */
#CBMenuBar .MarkDropdown:hover > .Dropbox .DropboxContent .MenuItem:hover {
	/* Sets the background color */
	background-color:#21a5b4;
}

/* DROPDOWN BOX FIRST MENU WHEN NOT HOVERED */
/* Sets the styling for the menu items inside the dropdown box when not hovered */
#CBMenuBar .MarkDropdown:hover > .Dropbox .DropboxContent .MenuItem {

}

#CBMenuBar .MarkDropdown:hover > .Dropbox .DropboxContent .MenuItemContainer {
	/* Sets the line height */
	line-height:25px;

	/* Sets the padding (this must be relative to the background image) */
	padding-left:15px;

	/* Sets the background image */
	/*background-image:url(http://www.alertme.com/assets/img/icon-tick.png);*/
	/*background-repeat:no-repeat;*/
	/*background-position:0px 50%;*/

	/* Sets the offset the background image and text */
	margin-left:10px;
}

#CBMenuBar .MarkDropdown:hover > .Dropbox .DropboxContent .MenuItemContainer:hover {
	color:white;
}

#CBMenuBar .MarkDropdown:hover > .Dropbox .DropboxContent .MenuItem .SecondMenu {
	/* DO NOT MODIFY BETWEEN THESE LINES */
	display:none;
	/* DO NOT MODIFY BETWEEN THESE LINES */
}

/* SECOND DROP DOWN BOX STYLING */
#CBMenuBar .MarkDropdown:hover > .Dropbox .DropboxContent .MenuItem:hover > .SecondMenu {
	/* Sets the border */
	border:1px solid silver;

	/* DROPDOWN BOX WIDTH */
	width:182px;

	/* DROPDOWN TEXT ALIGNMENT */
	text-align:left;

	/* DROPDOWN BOX MARGINS */
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;

	/* DROPDOWN BOX MARGIN */
	margin-left:1px;
	margin-right:0px;
	margin-top:74px;
	margin-bottom:0px;

	/* THIS LINE MUST MATCH THE WIDTH OF THE FIRST DROPDOWN BOX */
	left:170px;

	/* Sets the background color */
	background-color:#FFF;

	/* DO NOT MODIFY BETWEEN THESE LINES */
	display:block;
	position:absolute;
	top:0px;
	clear:both;
	z-index:2;
	/* DO NOT MODIFY BETWEEN THESE LINES */
	
}





/* DROPDOWN BOX FIRST MENU WHEN HOVERED */
/* Sets the styling for the menu items inside the dropdown box when hovered */
#CBMenuBar .MarkDropdown:hover > .Dropbox .DropboxContent .SecondMenuItem:hover {
	/* Sets the background color */
	background-color:#21a5b4;
	color:#FFF;
	cursor:hand;
	cursor:pointer;
	
}

/* DROPDOWN BOX FIRST MENU WHEN NOT HOVERED */
/* Sets the styling for the menu items inside the dropdown box when not hovered */
#CBMenuBar .MarkDropdown:hover > .Dropbox .DropboxContent .SecondMenuItem {

}

#CBMenuBar .MarkDropdown:hover > .Dropbox .DropboxContent .SecondMenuItemContainer {
	/* Sets the line height */
	line-height:25px;

	/* Sets the padding (this must be relative to the background image) */
	padding-left:20px;

	/* Sets the background image */
	background-image:none;
	background-repeat:no-repeat;
	background-position:20px 50%;

	/* YOU MUST USE A COMBINATION OF BACKGROUND-POSITION AND PADDING-LEFT
	TO CORRECTLY OFFSET THE IMAGE AND TEXT FOR THE SECOND MENU DUE TO
	SILLY IE FOCUS ISSUES WITH CHILD MARGINS */
}



/* MENUBAR ITEM BUTTON HOVER STYLING */
/* Sets the styling for the item button when hovered over */
#CBMenuBar .Item:hover {
	/* Sets the background color */
	/*background-color:none;*/

	/* Sets the background image */
	/*background:url(http://www.alertme.com/assets/img/icon-tick.png) no-repeat 0 0;*/
}

/* ITEM BUTTON STYLING */
/* Use this to change the offsets of all the item buttons, without
affecting the icon which sits nicely next to the dropdown text*/
#CBMenuBar .Item .Container {
	/* Sets the left offset of the icon and the text */
	margin-left:20px;

	/* Sets the right offset of the icon and the text */
	margin-right:20px;
}

/* Clearfix.. Ensures stuff stays cross browser compatible */
.clear {
	clear:both;
}

.basemenu{
	color:#ffffff !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
	

.drop{
	 color:#808080 !important;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
 }
 
.drop:hover{
 color:#fff !important;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
}