/*========================================================*/
/*         Skin styles for  dnnskin.com: Techie           */
/*              created by dnnskin.com                    */
/*========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. General                                            */
/*  2. Skin Layout                                        */
/*  3. Controls                                           */
/*  4. Links and Buttons                                  */
/*  5. Text                                               */
/*  6. Main Menu                                          */
/*  7. Module Menus                                       */

/*========================================================*/


/*========================================================*/
/*  1. General                                            */
/*========================================================*/
/*Mzafar's CSS*/
.buttonCSS
{
	margin-top: 20px;
	cursor: help;
	margin-left: -290px;
}
.upldDrp
{
	color: #3770B3;
	border: width 1px color:#3770B3;
}
.cssMargin
{
	margin-top: 10px;
}
/* Forces browser height of 100% */
html
{
	height: 100%;
}


/* Body style */
body
{
	margin-top: 10px;
	margin-bottom: 30px; /*	background: #336699; */
	color: #666;
	font-size: 130%;
	text-align: center;
}


/* To ensure text consistency */
div, table, tr, td
{
	font-family: Tahoma;
	font-size: 11px;
	line-height: 1.4em;
}



/*========================================================*/
/*  2. Page Layout                                        */
/*========================================================*/



/* You may adjust the site width here */
.SiteWidth
{
	width: 88%;
	background-color: #fff;
	padding: 20px; /*border: 1px solid #003366; */ /* Outer border: darker blue */
	/*margin: 20px; Commented by irfan*/
	text-align: center;
}


/* The container for inner for site table */
.SiteBorder
{
	width: 100%; /*	border: 1px solid #336699; */ /* Inner border: lighter blue */
	border: 1px solid #000000;
	padding: 20px;
	text-align: center;
}


/* Style for Solpart Menu */
.Menu
{
	background-color: #000000;
	height: 25px;
}


/* Style for Panes */
.TopPane
{
	background-color: #fff;
	padding: 10px 0 10px 0;
}

.LeftPane
{
	background-color: #fff;
	padding: 0 15px 20px 0;
}

.ContentPane
{
	background-color: #fff;
	padding: 0 15px 20px 0;
}

.RightPane
{
	background-color: #fff;
	padding: 0 0 20px 15px;
	border-left: 1px solid #999;
}

.BottomPane
{
	background-color: #fff;
	padding: 10px 0 10px 0;
}

/* The very tricky separator */
.Separator
{
	/*background-color: #C0BFC4; /* add the background color so the   break wouldn't show and will work on both ie and firefox */
	background-image: url(vline.gif);
	height: 25px;
	width: 1px;
	padding-left: 0px; /* actual 3px To create the funny multiple vline */
	padding-right: 0px; /*actual 3px To create the funny multiple vline */
}


/*========================================================*/
/*  3. Controls                                           */
/*========================================================*/



/* Style for date control */
.date
{
	font-family: tahoma;
	color: #555;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 10px;
}


/* Style for Login/Logout, Register/User controls */
a.LoginUser:link, a.LoginUser:visited, a.LoginUser:active
{
	font-family: tahoma;
	font-size: 11px;
	color: #555;
	font-weight: bold;
	text-decoration: none;
}

a.LoginUser:hover
{
	font-family: tahoma;
	font-size: 11px;
	color: #111;
	font-weight: bold;
	text-decoration: underline;
}

/* Style for legal related controls */
.LegalLinks, a.LegalLinks:link, a.LegalLinks:visited, a.LegalLinks:active
{
	font-family: tahoma;
	font-size: 11px;
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

a.LegalLinks:hover
{
	font-family: tahoma;
	font-size: 11px;
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}



/*========================================================*/
/*  4. Links and Buttons                                  */
/*========================================================*/


/* Default link style */
a:link, a:visited, a:active
{
	color: #333;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
}

a:hover
{
	color: #333;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}


/* text and link style used for most text rendered by modules */
.Normal, a.Normal:link, a.Normal:visited, a.Normal:active
{
	color: #333;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
}

a.Normal:hover
{
	color: #333;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

/* buttons and link buttons style used in the portal admin pages */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active
{
	/*color: #FFF; */
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #666;
	border-left: 1px solid #bbb;
	border-right: 1px solid #999;
	padding: 1px 5px 2px 6px;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none; /*	background: #666; changed By Asima*/
	
	/*Added By Asima */
	background: #C0BFC4;
	border-color :#3770B3;
	border-style:solid;
	color: #000000;
}

A.CommandButton:hover
{
	color: #FFF;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #666;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	padding: 1px 5px 2px 6px;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none; /*	background: #333; */
	background: #9E991F;
}



/*========================================================*/
/*  5. Text                                               */
/*========================================================*/



/* text style for module titles */
.Head
{
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-size: 19px;
	font-weight: bold;
}


/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubHead
{
	font-family: tahoma;
	font-size: 11px;
	color: #333;
	font-weight: bold;
}


/* text style used for most text rendered by modules; applies to the majority of text in the site */
.Normal
{
	color: #333;
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.8em;
}

.NormalBold
{
	color: #333;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.8em;
}

/* Bold red text for alerts and such */
.NormalRed
{
	color: #930;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
}

/*  form style */
select, input
{
	font-family: tahoma;
	font-size: 11px;
}


/* all the other text*/
h3, h4, h5, h6, DT, TFOOT, THEAD, TH
{
	color: #333;
}


/*========================================================*/
/*  6. Main Menu                                             */
/*========================================================*/



/* Container for main menu */
.MainMenu_MenuContainer
{
	background-color: transparent;
	margin-left: 25px;
	margin-top: 0;
}

/* Menu bar */
.MainMenu_MenuBar
{
	cursor: pointer;
	cursor: hand;
	height: 25px;
	padding: 0;
}

/* Applies to off state of submenu items only */
.MainMenu_MenuItem
{
	background: transparent;
	cursor: pointer;
	cursor: hand;
	color: #ffffff; /*color: #BC991F;*/
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	border-bottom: #E55444 1px solid;
	border-top: #E55444 1px solid;
	padding: 2px 10px 3px 5px;
}


/* Container for submenu */
.MainMenu_SubMenu
{
	/*the same style as MainMenu_MenuItem*/
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	background: #E55444;
	filter: none;
	border: 1px solid #F49A80;
	margin-top: 1px;
	padding: 2px;
}


/* Hover state for submenu items only */
.MainMenu_MenuItemSel
{
	background: #fff; /* for sub menu rollover effect*/
	cursor: pointer;
	cursor: hand;
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #E55444;
	border: 0;
	padding: 2px 10px 3px 5px;
}



/* The Root Menu styles have to be AFTER the Submenu styles to overwrite submenu styles*/
/* Idle state for main menu items, can overwrite MainMenu_MenuItem */
.RootMenu_Off
{
	background: transparent; /*color: #fff; */
	color: #BC991F;
	font-weight: bold;
	padding: 0 8px 0 5px;
}

/* Active state for main menu items */
.RootMenu_On
{
	background: transparent; /*color: #fff;*/
	color: #BC991F;
	padding: 0 8px 0 5px;
}

/* Hover state for main menu items */
.RootMenu_Hover
{
	/*	background: #E55444;*/
	background: #BC991F; /*	color: #fff; */ /*color :#BC991F ;*/
	color: #000000;
	padding: 0 8px 0 5px;
}


/* Inserts a small space between main menu items, also can get rid of the funny red borders */
.MainMenu_MenuBreak
{
	width: auto;
	border: 0;
}


/* Elements we don't really need to see */
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon
{
	display: none;
}



/*========================================================*/
/*  7. Module Menus                                       */
/*========================================================*/

/* Outer container for module submenu */
.ModuleTitle_MenuContainer
{
	color: #333;
}

/* Inner container for module submenu */
.ModuleTitle_MenuBar
{
	cursor: pointer;
	cursor: hand;
	height: 20px;
}

/* Idle state for module submenu items */
.ModuleTitle_MenuItem
{
	font-family: tahoma;
	color: #333;
	font-size: 11px;
	font-weight: bold;
	border: #eee 1px solid;
	padding: 1px 4px 2px 2px;
}

/* Inner, INNER(?) container for module submenu (?) */
.ModuleTitle_SubMenu
{
	z-index: 1000;
	cursor: pointer;
	cursor: hand;
	margin: 2px 0px 0px -6px;
	background-color: #eee;
	filter: none;
	border: #333 1px solid;
	padding: 0px 1px 1px 1px;
}

/* Hover state for module submenu items */
.ModuleTitle_MenuItemSel
{
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	cursor: pointer;
	cursor: hand;
	color: #eee;
	background: #333;
	border: #333 1px solid;
	padding: 1px 4px 2px 2px;
}


/* Elements we don't need to see */
.ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuBreak, .ModuleTitle_MenuIcon
{
	display: none;
}

/* Added By Asima */

.gridBorder
{
	border-width: 1px;
	border-color :#C0BFC4;
}

.Border
{	
	border-width: 1px;
	border-color :#3770B3;
	border-style:solid;
}
.divBorder
{
border-width: 1px;
border-color: #C0BFC4;
border-style: solid;
}
.Buttons
{
	/*BorderWidth="1px" BorderColor="#CCC9AF" Font-Bold="true" BackColor="#BC991F" ForeColor="white" */
	border-width: 1px;
	border-color :#3770B3;
	border-style:solid;
	font-weight: bold;
	/*background-color: #BC991F; */
	color: #000000;
	
	
}
.txtField
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-width: 1px;
	border-color :#3770B3;
	border-style:solid; /*background-color: #fef4ff; 	 	scrollbar-base-color: green; 	 	 	scrollbar-base-color: brown; 	scrollbar-3dlight-color: yellow; 	scrollbar-darkshadow-color: maroon; 	*/
	scrollbar-shadow-color: black;
	scrollbar-arrow-color: black;
	scrollbar-highlight-color: #C0BFC4;
	scrollbar-face-color: #C0BFC4;
	scrollbar-track-color: #C0BFC4;
}

.headingBars
{
	font-family: Tohama;
	font-size: 12px;
	font-weight:bold;
	text-align: left;
	color: Black;
	background-color: #C0BFC4;
	line-height:20px;
	padding-left:5px;
}

.selectbox
{
	border: solid 1px #BC991F;
	scrollbar-shadow-color: black;
	scrollbar-arrow-color: black;
	scrollbar-highlight-color: #A76E00;
	scrollbar-face-color: #BC991F;
	scrollbar-track-color: #BC991F;
}