/* structure */
body {
	font: normal small Arial, Helvetica, sans-serif;
	color: #787878;
	text-align: center;
	background: #FFE4D2 url(img/text_tile277x200.png) repeat-x left top;
}
#TopContainer {
	z-index: 10;
	width: 1000px;
	margin: 0 auto;
	text-align: left; /* counter the body center */;
	height: 30px;
	overflow: hidden; /* solves divs floating outside container issue*/;
	display: inline-block;/* Force hasLayout in IE */
}
#container {
	width: 1000px;
	background: #FFE4D2 url(img/2_girls.png) repeat;
	text-align: left; /* counter the body center */;
	display: inline-block;/* Force hasLayout in IE */
}
#NavDiv {
	width: 600px;
	font-weight: bold;
	text-align: right;
	height: 25px;
}
.ContentBox {
	background-color: #FF9933;
	font-size: small;
	font-weight: bold;
	color: white;
	padding: 10px 0px 10px 20px;
	text-align: left;
	margin-bottom: 20px;
}
.upper_right {
	height: 25px;
	width: 25px;
	background: url(img/upperright25pxfilled.png);
	float: right;
}
.upper_left {
	background: url(img/upperleft25pxfilled.png);
	height: 25px;
	width: 25px;
	float: left;
}
.lower_center {
	background: #ff6633;
	padding: 5px 5px 0 10px;
	float: left;
	width: auto;
	height: 25px;
	text-align: center;
}
.lower_right {
	height: 25px;
	float: right;
}
.lower_left {
	height: 25px;
	width: 350px;
	float: left;
}
.main {
	float: right;
	width: 760px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 10px;
	overflow: hidden; /* should solve divs floating outside container issue*/;
}
.top_panel {
	clear: both;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 10px;
}
.left_panel {
	clear: left; /* LS - added to keep menu in correct position when there is no content in the right pane */;
	float: left;
	width: 210px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	display: block;
}
#BottomPane {
	width: 100%;
	background-color: transparent;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	clear: both;
	overflow: hidden; /* solves divs floating outside container issue*/;
}
#FooterContainer {
	width: 1000px;
	float: left;
	margin-top: 30px;
}
/* misc */
.clearer {
	clear: both;
}
.main_right .padded {
	padding: 5px 5px;
}
.main .padded, .mainadmin .padded {
	padding: 5px 5px;
}
.meta {
	font-size: 0.8em;
	color: #666;
}
.left {
	float: left;
}
.right {
	float: right;
}
ModuleBackground {
	background: url('images/2_girls.png');
	background-repeat: repeat;
}
/***** Styles for Ajax Tabs *****/
.itemStyle, .altItemStyle {
}
.itemSeperator {
}
.altItemStyle {
}
.groupSeperator {
	clear: both;
}
.layoutRegion {
}
.pagerRegion {
	clear: left;
	padding: 5px;
	text-align: center;
}
.footerRegion {
	font-size: xx-small;
	text-align: right;
	padding: 4px;
}
.ajax__tab_xp .ajax__tab_body {
	background: transparent url('images/transpOrange25.png');
	padding: 0px;
	border: 2px #CC6600 groove;
}
/***** Styles for displaying examples and SendSMS window *****/
.TransparentFrame {
	padding: 15px;
	padding-top: 40px;
	padding-left: 40px;
	background: url(img/transpOrange25.png);
}
.ContentFrame {
	border: 2px #CC6600 groove;
	background-color: #FF9933;
	padding: 10px;
	margin-bottom: 15px;
	font-size: small;
}
.TweetBox {
	font-size: smaller;
	background-color: #FFCE9D;
	width: 250px;
	padding: 10px;
	margin-left: 20px;
	margin-bottom: 15px;
	float: left;
}
.MessageFrame {
	padding: 15px;
	padding-top: 30px;
	background-color: #FFC9AE;
	border: 2px #CC6600 groove;
}
.MessageBox {
	background: #FF9933;
	width: 300px;
	padding: 10px;
	margin-left: 20px;
	margin-bottom: 15px;
	font-size: smaller;
	float: left;
}
.MessageText {
	font-weight: normal;
	height: 60px;
}
.Originator {
	margin-top: 10px;
}
/***** Styles for Ajax valdiation extenders *****/
.entryError {
	color: #FF0000;
	background-color: #FFCC66;
}
.CustomValidatorCalloutStyle div, .CustomValidatorCalloutStyle td {
	border: 1px #FF3300 solid;
	background-color: #FFCFB9;
	color: #FF0000;
}
/***** Styles for Ajax calendar *****/
.ajax__calendar .ajax__calendar_container {
	z-index: 2000;
}
.Button {
	font-size: small;
}
/***** DNN Styles to override *****/
/* text style used for most text rendered by modules */
/* Override FCKEditor style */
p {
	margin-top: 10px;
	margin-bottom: 0px;
}
/* style for module titles */
.Head {
	font-weight: bold;
	font-size: medium;
	color: #FFFFFF;
}
/* style of item titles on edit and admin pages */
.SubHead {
	font-weight: bold;
	font-size: medium;
	color: #ff0000;
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
	font-weight: bold;
	color: black;
}
/* text style used for most text rendered by modules */
.Normal, .NormalDisabled {
	font-size: medium;
	font-weight: normal;
	color: #0B5BBD;
}
/* text style used for rendered text which should appear disabled */
.NormalDisabled {
	color: Silver;
}
/* text style used for rendered text which requires emphasis */
.NormalBold {
	font-weight: bold;
}
/* text style used for error messages */
.NormalRed {
	font-weight: bold;
	color: #ff0000;
}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox {
	font-weight: normal;
}
.SkinObject {
	font-size: medium;
	font-weight: bold;
	color: #ff9933;
}
A.SkinObject:link {
	text-decoration: none;
	color: #ff9933;
}
A.SkinObject:visited {
	text-decoration: none;
	color: #ff9933;
}
A.SkinObject:hover {
	text-decoration: none;
	color: #003366;
}
A.SkinObject:active {
	text-decoration: none;
	color: white;
}
H1 {
	font-size: medium;
	font-weight: normal;
	color: #FF0000;
}
H2 {
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}
A:link {
	text-decoration: none;
	color: #FF0000;
}
A:visited {
	text-decoration: none;
	color: #FF6600;
}
A:hover {
	text-decoration: underline;
	color: #ff0000;
}
A:active {
	text-decoration: none;
	color: #003366;
}
/*login links styling */
.loginlinks {
	float: right;
	width: auto;
	margin-right: 10px;
}
.date {
	padding: 20px;
	float: left;
	width: 300px;
}
/* Search Padding - lines up text nicely */
.GoLink {
	padding-top: 4px;
}
a:link.LoginSkinItem, a:visited.LoginSkinItem {
	color: #fff;
	text-decoration: none;
}
a:hover.LoginSkinItem {
	color: #fff;
	padding: 0 0 0 5px;
	text-decoration: underline;
}
a:active.LoginSkinItem {
	color: #fff;
	text-decoration: none;
}
/* content panes admin text */
#dnn_RightPane .SubHead, #dnn_LeftPane .SubHead {
	color: #fff;
}
.controlpanel {
	width: 100%;
	background-color: #F8F6FB;
}
/* admin links */
a.CommandButton:link, a.CommandButton:visited {
	color: #682;
	text-decoration: underline;
}
a.CommandButton:hover {
	color: #9A6;
}
a.CommandButton:active {
	color: #682;
}
/* when using dark backgrounds with FCK editor */
.FCKLinkGalleryContainer, .FCKImageGalleryContainer {
	background-color: #fff;
}
/* re-positions the dropdown admin list in the left pane, otherwise you can not click on the Go button
note: this moves any tables 15px to the left, so you can not
place tables in the left pane */
/*#dnn_LeftPane table {
	position: relative;
	left: -15px;
}
/******* end DNN styles override *********/
.HeadBg {
}
.Green {
	color: #339933;
}
.Red {
	color: #FF0000;
}
.DropDownList {
	font-size: 11px;
	height: 20px;
}
.TextBox {
	font-size: small;
}
.TextBoxAlignRight {
	text-align: right;
	font-size: 11px;
}
.Watermark {
	background-color: #F0F8FF;
	color: gray;
	font-size: small;
}
.button {
	display: block;
	width: 130px;
	height: 33px;
	margin-top: 20px;
	padding-top: 7px;
	background: url(img/button.png) no-repeat left top;
	text-align: center;
	font-size: small;
}
.buttonlink {
}
.buttonlink a:link {
	color: #FFFFFF;
}
.Panel {
	margin: 2px 2px 10px 2px;
	background-color: #F3F3F3;
	float: left;
}
.SmsPic {
	background: url('../../../../images/2_girls.png');
	background-repeat: repeat;
}
.Message {
	border-width: 0px;
	padding: 2px;
	border-style: none;
	border-color: gray;
	background-color: #E5E5E5;
}
table {
	text-align: left;
}
table.MessageGrid {
	border-collapse: separate! important;
	margin-top: 10px;
	border: none;
}
table.MessageGrid tr.MessageGridItem {
	background-color: #719FDB;
}
table.MessageGrid tr.MessageGridAltItem {
	background-color: #dddddd;
}
table.MessageGrid tr.MessageGridItem:hover, table.MessageGrid tr.MessageGridAltItem:hover {
	background-color: #ff6633;
	color: black;
}
table.MessageGrid th {
	color: #0B5BBD;
	font-size: 11px;
	border-style: none solid none none;
	border-width: 0px 0px 0px 0px;
	border-color: #CCCCCC;
	padding: 1px 2px 1px 2px;
	text-align: center;
}
table.MessageGrid tr {
}
table.MessageGrid td {
	color: white;
	padding: 5px 0 10px 0;
}
.MessageBox {
}
.modalPopup {
	background-color: #ff6600;
	border-width: 5px;
	border-style: ridge;
	border-color: #ff6600;
	padding: 10px;
	font: ;
	color: #FFFFFF;
}
.modalBackground {
	background-color: #C0C0C0;
	filter: alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity: 0.4;
}
/* content panes admin text */
#dnn_RightPane .SubHead, #dnn_LeftPane .SubHead {
	color: #fff;
}
table.ActivityTable {
	margin: 0;
	border: solid 1px #999;
	padding: 0;
	width: 96%;
}
table.ActivityTable th {
	margin: 0;
	padding: 2px;
	vertical-align: bottom;
	font-weight: bold;
	border-bottom: solid 2px #000;
	color: #fff;
	background-color: #666666;
	text-align: center;
}
table.ActivityTable td {
	margin: 0;
	padding: 2px;
	vertical-align: top;
}
/* ==============================
    CSS STYLES FOR Avastone Menu
   ==============================
*/
/***********************************************************
 Structural CSS for the structure and behavior of the menu 
                   USE EXTREME CAUTION!
   Modifying the CSS here will most likely break the menu!
************************************************************/
/* root-level menu list (UL) */
ul.AvastoneCssMenu {
	position: relative;
	margin: 0;
	border: 0;
	padding: 0 10px 0 0;
	display: block;
	white-space: nowrap;
	list-style: none;
	z-index: 5000;
}
/* submenu lists (ULs) */
ul.AvastoneCssMenu ul {
	position: absolute;
	z-index: 5000;
	margin: 0;
	border: 0;
	padding: 10px;
	display: block;
	_display: none;
	white-space: nowrap;
	list-style: none;
	visibility: hidden;
}
/* menu items */
ul.AvastoneCssMenu li {
	position: relative;
	list-style: none;
	float: left; /* display: inline;  */;
	width: auto;
	_width: 1%;
	_height: 1%;
	margin: 0;
	border: 0;
	padding: 0;
}
ul.AvastoneCssMenu li li {
	width: 100%;
	white-space: normal;
}
/* menu item links */
ul.AvastoneCssMenu a, ul.AvastoneCssMenu span {
	display: block;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 0;
}
/* Add more rules here if your menus have more than four (4) tiers */
ul.AvastoneCssMenu li:hover ul ul, ul.AvastoneCssMenu li:hover ul ul ul, ul.AvastoneCssMenu li:hover ul ul ul ul, ul.AvastoneCssMenu li.iehover ul ul, ul.AvastoneCssMenu li.iehover ul ul ul, ul.AvastoneCssMenu li.iehover ul ul ul ul {
	left: -9999px;
	visibility: hidden;
	_display: none;
}
/* Add more rules here if your menus have more than four (4) tiers */
ul.AvastoneCssMenu li:hover ul, ul.AvastoneCssMenu li li:hover ul, ul.AvastoneCssMenu li li li:hover ul, ul.AvastoneCssMenu li li li li:hover ul, ul.AvastoneCssMenu li.iehover ul, ul.AvastoneCssMenu li li.iehover ul, ul.AvastoneCssMenu li li li.iehover ul, ul.AvastoneCssMenu li li li li.iehover ul {
	left: auto;
	visibility: visible;
	_display: block;
}
.ArrowPointer {
	cursor: default;
}
/******************************************************
 Presentation CSS for customizing the look of the menu
*******************************************************/
/* root-level menu */
ul#MainMenu {
	text-align: left;
	padding-left: 25px;
}
/* nested menu lists/submenus */
/* Typically set borders, background colors here. */
ul#MainMenu ul {
	background-color: #FF6600;
	color: #fff;
	padding: 0px;
	/* sets padding of submenu which extends color of main men uas border in submenu */
}
/* menu items */
/* Typically set menu item borders here. */
ul#MainMenu li {
	background: #ff9933;
}
/* nested menu items */
ul#MainMenu li li {
}
/* menu item links */
/* Typically set padding, colors, text attributes here. */
ul#MainMenu a, ul#MainMenu span {
	padding: 5px 10px 5px 10px;
	height: 100%;
	color: #FFFFFF;
	font-size: small;
}
/* nested menu item links */
ul#MainMenu ul a, ul#MainMenu ul span {
}
/* hovered menu item links */
ul#MainMenu li a:hover, li.sfhover ul {
	background-color: #FF6600;
	cursor: hand;
	color: white;
}
/* hovered nested menu item links */
ul#MainMenu li li a:hover {
	background-color: #FF6600;
}
/* Applied to the submenu list immediately under the menu item hovered over */
/* Second-level menu lists only */
ul#MainMenu li:hover ul, ul#MainMenu li.iehover ul {
	width: 160px; /* width of submenu, must be set so third-level list can get shifted over properly */
}
/* Applied to the submenu list immediately under the menu item hovered over */
/* Add more rules here if your menus have more than three (4) tiers */
ul#MainMenu li li:hover ul, ul#MainMenu li li li:hover ul, ul#MainMenu li li li li:hover ul, ul#MainMenu li li.iehover ul, ul#MainMenu li li li.iehover ul, ul#MainMenu li li li li.iehover ul {
	left: 160px;
	top: 0;
}
ul#MainMenu a.MenuRootBranch {
}
ul#MainMenu a.MenuItemBranch {
}
ul#MainMenu li a.MenuItemCurrent {
	background-color: #999;
}
ul#MainMenu a.MenuItemBreadcrumb {
}
ul#MainMenu li.rootSeparator {
}
ul#MainMenu li.subSeparator {
}
ul#MainMenu li.leftCap {
}
ul#MainMenu li.rightCap {
}