/* ---- CSS for Tranquility DNN Skin ---------- */
/* ---- Created by Tyler Fawcett -------------- */
/* ---- Changed and modified by Angelo Jorge -- */
/* ---- Updated March 2007 -------------------- */
/* ---- http://tfdnn.com ---------------------- */
/* ---- tf@tylerfawcett.com ------------------- */
/* ---- ajorge@gmail.com ---------------------- */
/* ---- Universal ----------------------------- */

/* Forces browser height of 100% */
html {height: 100%;}

/* Body style */
body {margin: 0; background: #FAFBFC;}

/* Catch-all to ensure text color, font, and size consistency */
table, tr, td, p {font-family: verdana; font-size: 12px; line-height: 1.4em;}

/* ---- DNN Control Panel ---------------------- */
table.ControlPanel {background: #fafafa; border: 0; border-bottom: 1px solid #888;}
table.ControlPanel td {padding: 0px 0 6px 0;}
table.ControlPanel td td.SubHead {padding: 3px 0 2px 0; background: #eaeaea; border-bottom: 1px solid #ddd;}
table.ControlPanel td td td.SubHead {background: transparent; border: 0;}
table.ControlPanel td td {vertical-align: middle; border: 0;}
table.ControlPanel table td {padding: 1px 0 0 0;}
table.ControlPanel td a {margin: 0 4px 0 4px; text-align: center;}
table.ControlPanel .ControlPanel {border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 0; border-bottom: 0; height: 100px; display: none;}


/* ---- Containers ----------------------------- */


/* Establishes bg for viewable area */
.SiteColor {background-color:#eee;}

/* Maintains consistent width */
.SiteWidth {width: 1000px;margin: 10px 0 0 0;}

/* Spring photo */
.TopRow { height: 100px; width:903px; padding: 0 50px 0 0; background: url(images/pharmacyscreenshot_08.jpg) no-repeat;}

/* For search utility */
.SearchTD {padding: 0 0 15px 0;}

/* Contains menu */
.MenuCell {float:left; padding: -20px 0 0 0; height: 36px;}

/* BG for everything between header and footer */
.MiddleRow {background: url(bg_middle.gif) repeat-y; padding: 0 40px 0 40px;}

/* Holds breadcrumbs */
.Breadcrumbs {background: url(images/pharmacyscreenshot_10.jpg) no-repeat; width:903; height:22; padding: 0 0 7px 20px; text-decoration:none; font-size: 13px; color: #000; font-weight: bold;}

/* For left-hand column content */
.SideContent {width: 177px;	padding: 0 33px 0 15px;}

/* For main column content */
.MainContent {padding: 0 10px 0 0;}

/* Content in the side pane */
.ContentSide {}

/* For left column within the main content area */
.ContentLeft {background: url(images/pharmacyscreenshot_13.jpg) no-repeat; width:156; height:214;}

/* For center column within the main content area */
.ContentCenter {padding:0 0 0 10px; width: 750px;}

/* For right column within the main content area */
.ContentRight {width: 20%;}

/* Footer graphic */
.BottomRow { padding:0 0 0 340px; background: url(images/pharmacyscreenshot_19.jpg) no-repeat center; width:551; height:36;}
.bottomline {background: url(images/pharmacyscreenshot_16.jpg) no-repeat center; width:774; height:15;}
/* Contains terms/copyright info */
.FooterCell {text-align: center;  font-size: 10px;}

/* Separator image between header and footer links */
.Bullet {background: url(bullet_grey.gif) no-repeat; height: 10px;}
.leftspacer {background: url(images/pharmacyscreenshot_01.jpg) repeat-y; width:21;}
.rightspacer {background: url(images/pharmacyscreenshot_07.jpg) repeat-y; width:40;}

table {margin-left:auto; margin-right:auto;}
.middle {vertical-align:top}


/* ---- Links -------------------------- */


/* Basic links */
a:link, a:visited, a:active {color: #grey; font-family: verdana; font-weight: normal; font-size: 10px; text-decoration: underline;}
a:hover {color: teal; font-family: verdana; font-weight: normal; font-size: 10px; text-decoration: none;}

/* For the Register and Login/Logout links in the header */
a.LoginLink:link, a.LoginLink:visited, a.LoginLink:active {font-weight: bold; font-size: 10px;}
a.LoginLink:hover {font-weight: bold; font-size: 10px;}

/* Defines styles for breadcrumb items */
a.BreadcrumbLink:link, a.BreadcrumbLink:visited, a.BreadcrumbLink:active {font-weight: bold; font-size: 12px;}
a.BreadcrumbLink:hover, .BreadcrumbLink {font-weight: bold;	font-size: 12px;}

/* For the links that look like buttons */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {font-weight: bold; color: #6E8E05;}
a.CommandButton:hover {font-weight: bold; color: #6E8E05; text-decoration: none;}




/* ---- Text ---------------------------- */


/* Style for current date token */
.CurrentDate {color: #888; font-size: 10px;}

/* Style for copyright text in footer */
.CopyrightText {color: #333; font-size: 9px;}

/* Used in admin sections */
.SubHead {font-family: verdana; font-size: 10px; font-weight: bold; color: #333; padding: 0;}

.ContentSide .Normal, .ContentSide p, .ContentSide td, .ContentSide .NormalBold {font-size: 10px; color: #333;}

.Head {color: #333;	font-weight: bold; font-size: 12px;}

.Normal {font-size: 10px; color: #333;}

/* Bold colored - used for warnings and such */
.NormalRed {color: #900; font-family: verdana; font-weight: bold; font-size: 12px;}

/* Normal bold text */
.NormalBold {font-family: verdana; font-size: 10px; font-weight: bold;}




/* ---- Forms ----------------------------- */


select, input {font-family: verdana; font-size: 10px; color: #333;}


/* Applies to text input boxes */
.NormalTextBox {color: #333; padding-left: 4px; line-height: 12px; font-family: verdana; font-weight: normal; font-size: 10px; scrollbar-face-color: #fff; scrollbar-track-color: #fff; scrollbar-arrow-color: #333; scrollbar-3dlight-color: #fff; scrollbar-shadow-color: #fff; scrollbar-highlight-color: #fff; scrollbar-darkshadow-color: #fff;}

/* Applies to the table cells that contain text input boxes */
td.NormalTextBox {padding: 0; margin: 0; background: transparent;}

.GoButton {margin-bottom: -6px;	position: absolute;}

.SearchTD a:link, .SearchTD a:visited, .SearchTD a:active, .SearchTD a:hover {width: 46px; padding: 2px 44px 5px 0; _padding: 0 0 5px 0; height: 20px; background: url(search.gif) no-repeat; text-decoration: none;}


/* ---- Main Menu ------------------------- */


/* Container for main menu */
.MainMenu_MenuContainer
{
	background: #B2B2B2;
	height: 32px;	
	/*padding: 0px 0 2px 0;*/
	width: 142px;
	display: block;
}


/* Menu bar */
.MainMenu_MenuBar
{
	background: #fff;
	height: 32px;
	width: 142px;
	/*padding:0 0 2px 0;*/
}


/* Applies to idle state of submenu items */
.MainMenu_MenuItem
{
	font-family: "Century Gothic",Calibri;
	text-transform:uppercase;
	color: #fff;
	font-size: 8pt;
	font-weight: bolder;
	padding: 5px 0px 5px 6px;/*top right bottom left*/
	width:135px;
	height: 32px;
	border: solid 0px  #492167;
	padding: 5px 0px 5px 6px;/*top right bottom left*/
	background: #B2B2B2;
}


/* Container for submenu */
.MainMenu_SubMenu
{
	z-index: 1000;
	font-family: "Century Gothic",Calibri;
	cursor: pointer;
	cursor: hand;
	margin: 1px 0px 0px 1px;/*top right bottom left*/
	border: 0px solid #222;
	padding: 1px;
	/*background: #5795E1;*/
	border:solid 0px #ffffff;
	background: #B2B2B2;
	width:135px
	filter: alpha(opacity=90, FinishOpacity=90, Style=1);
	-moz-opacity: 0.90;
}


/* Change the hover for main and sub. Hover state for submenu items #245CA9*/
.MainMenu_MenuItemSel
{
	font-family: "Century Gothic",Calibri;
	text-transform:uppercase;
	font-size: 8pt;
	font-weight: bolder;
	color: #fff;
	width: 135px;
	height: 32px;
	border:0;
	/*background: url(images/RoundBackgroundSubSelected.gif) repeat-x;*/
	background: url(images/RoundBackgroundSelected.gif) no-repeat;
}

.MainMenu_Idle td, .MainMenu_Selected td, .MainMenu_Active td, .MainMenu_BreadcrumbActive td
{
	font-size: 8pt;
	font-weight:bold;
	font-family: "Century Gothic",Calibri;
	text-align:left;
	text-transform:uppercase;
	border:0;
	padding: 0 5px 0px 15px; /* Control the location of the text in the main menu*/
	width: 140px;
	text-indent: -1em; /*this line fixes the wordwrap of long linknames*/
	/*Change only for main menu for all colors: Active, select, hover, regular*/
	
}

/* Idle state for main menu items */
.MainMenu_Idle 
{
	width: 140px;	
	height: 32px;
	color: #fff;
	font-weight: bolder;
	margin: 0 2px 0 6px;
	/*background: url(images/RoundBackgroundIdle1.gif) no-repeat left;*/
}


/* Hover state for main menu items */
.MainMenu_Selected
{
	height: 32px;	
	width: 140px;	
	color: #fff;
	font-weight: bolder;
	/*background-color: #CC0033;
	border:solid 2px #fff;*/
	background: url(images/RoundBackgroundSelected.gif) no-repeat left;
}

/* Selected state for main menu items */
.MainMenu_Active, .MainMenu_BreadcrumbActive
{
	height: 32px;
	width: 140px;
	margin: 4 0 0 0;
	border:solid 0px #ffffff
	color: #ffffff;
	font-weight: bold;
	/*background-color :#CC0033;*/
	background: url(images/RoundBackgroundSelected.gif) no-repeat left;
}

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



/* ---- Module Menus ------------------------- */

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


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


/* Idle state for module submenu items */
.ModuleTitle_MenuItem {
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: #333;
	font-weight: normal;
	background: #f7f7f7;
	border-top: #f7f7f7 1px solid;
	border-left: #f7f7f7 1px solid;
	border-bottom: #f7f7f7 1px solid;
	border-right: #f7f7f7 1px solid;
	padding: 0px 10px 0px 0px;
}


/* Inner, inner container for module submenu (?) */
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 1px 0px 0px 0px;
	background-color: #f7f7f7;
	border: 1px solid #666;
	padding: 0px;
	filter: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);
}



/* Hover state for module submenu items */
.ModuleTitle_MenuItemSel {
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	cursor: pointer; 
	cursor: hand; 
	color: #fff;
	background: #333;
	border-left: #333 1px solid;
	border-right: #333 1px solid;
	padding: 0px 10px 0px 0px;
}

.ModuleTitle_MenuIcon {
	border: 1px solid #eee;
	padding: 0 3px 0 3px;
}

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

/*========================================================*/
/*  End Style Sheet                                       */
/*========================================================*/