@import url("css/menu.css");
@import url("css/xm_classes.css");
@import url("css/form_master.css");

/* CSS Document(TODO) */
body
{
	height: 100%;
	margin: 0px;
	padding: 0px;
	background:#fff url(images/background.jpg) repeat-x top left;
}

#fckbody {background:#FFFFFF; background-image:none;}


/*
--------------------------------------------------------------
  DEFAULT STYLE
--------------------------------------------------------------
*/

/*-------- Default Style --------*/
a, a:link, a:visited, a:active
{
	color: #1a3881;
	text-decoration: none;
	font-weight: normal;
}
a:hover
{
	color: #4F839F;
	text-decoration: none;
}
.top_space
{
	height: 14px;
}
.lang_pad
{
	padding: 7px 35px 0px 0px;
}
.template_style
{
	width: 1000px;
	margin: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.template_style DIV
{
	font-size: 12px;
}

/*
---------------------------------------------------
	SLICES
	- TEMPLATE
		- BANNER
			- BANNER TOP
			- BANNER BOTTOM
		- MENU
		- INFO
			- BREADCRUMS 
			- LOGIN
			- SEARCH
---------------------------------------------------
/* BANNER */
.banner
{
}

/* BANNER TOP */
.banner_top_left
{
	padding: 0px;
	margin: 0px;
	background: url(images/banner_top_left.png) no-repeat top left;
	height: 40px;
}
.banner_top_right
{
	padding: 0px;
	margin: 0px;
	background: url(images/banner_top_right.png) no-repeat top right;
}
.banner_top_middle
{
	padding: 0px;
	margin: 0 42px 0 42px;
	background: #FFF url(images/banner_top.png) repeat-x top;
	height: 40px;
}

/* BANNER MIDDLE */
.banner_bottom_left
{
	padding: 0px;
	background: url(images/banner_middle_left.png) repeat-y top left;
}
.banner_bottom_right
{
	padding: 0px;
	background: url(images/banner_middle_right.png) repeat-y top right;
}
.banner_bottom_middle
{
	padding: 0px;
	margin: 0 40px 0 40px;
	background: #FFF url(images/banner_middle.png) repeat-x top;
	height: 129px;
}

/* MENU */
.menu_bg
{
	padding: 0 0 0 2px;
	margin: 0 28px 0 29px;
	height: 49px;
	background: url(images/menu.png) repeat-x top left;
}
.menu_left
{
	padding: 0px;
	margin: 0px;
	background: url(images/menu_left.png) no-repeat top left;
}
.menu_right
{
	margin: 0px;
	background: url(images/menu_right.png) no-repeat top right;
}
.menu_style
{
	float: left;
}

/* INFO  */
.info_middle
{
	padding: 0px;
	margin: 0 42px 0 42px;
	background: url(images/breadcrumb.png) repeat-x top;
	height: 78px;
}
.info_left
{
	padding: 0px;
	margin: 0px;
	background: url(images/breadcrumb_left.png) no-repeat top left;
}
.info_right
{
	margin: 0px;
	background: url(images/breadcrumb_right.png) repeat-y top right;
}

/* LOGIN */
.login_width
{width:250px;
padding-left:350px;}

.login_left
{   vertical-align:middle;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: url(images/login_left.png) no-repeat top left;
}
.login_right
{
    vertical-align:middle;
	margin: 0px;
	background: url(images/login_right.png) no-repeat top right;
}
.login_middle
{
    vertical-align:middle;
	text-align:center;
	padding-top: 14px;
	margin: 0px 19px 0 19px;
	background: url(images/login_middle.png) repeat-x top;
	height: 37px;
}
.login_middle a.user:link, a.user:active, a.user:visited
{
	color: White;
}

/* SEARCH */
.search_left
{
	float: right;
	padding: 0px;
	margin: 26px 0px 0px 0px;
	background: url(images/search_left.png) no-repeat top left;
}
.search_right
{
	margin: 0px;
	background: url(images/search_right.png) no-repeat top right;
}
.search_middle
{
	padding-top: 10px;
	margin: 0px 19px 0 19px;
	background: url(images/search_middle.png) repeat-x top;
	height: 37px;
}
a.ServerSkinWidget, a.ServerSkinWidget:link, a.ServerSkinWidget:visited, a.ServerSkinWidget:active
{
	color: White;
}



/*
---------------------------------------------------
	TAGS
	- BREADCRUM
	- LOGIN
	- SEARCH
---------------------------------------------------
*/
/* TAG Breadcrum */
#breadcrumb
{
	margin-left: 5px;
	margin-top: 38px;
	float: left;
}
#breadcrumb .Breadcrumb
{
	font-weight: bold;
}

/* TAG Login */
#login_style
{
	float: left;
	margin-top: 0px;
}
/*TODO WHERE IS THIS USED??? */
.user, a.user:link, a.user:active, a.user:visited
{
	color: #4F839F;
}
a.user:hover
{
	color: #022988;
}


/* TAG Search */
#SearchIcon
{
	float: left;
	padding-right: 50px;
	margin: 0px 5px 0px 10px;
	background-repeat: no-repeat;
}
#SearchIconSite
{
	background-repeat: no-repeat;
}
#SearchIconWeb
{
	background-repeat: no-repeat;
}
/*ServerSkinWidget
dnn_dnnSEARCH_optWeb*/


.center_bg
{
	padding: 0px;
	margin: 0px;
}
.left_bg
{
	padding: 0px;
	margin: 0px;
	background: url(images/left.png) repeat-y top left;
}
.right_bg
{
	padding: 0px;
	margin: 0px;
	background: url(images/right.png) repeat-y top right;
}
.content_pad
{
	padding: 10px 0px 10px 0px;
	margin: 0 16px 0 16px;
	background-color: #B70F1E;
}
.content_width
{
}


.bot_left
{
	padding: 0px;
	margin: 0px;
	background: url(images/left.png) repeat-y top left;
}
.bot_right
{
	padding: 0px;
	margin: 0px;
	background: url(images/right.png) repeat-y top right;
	padding: 0px 14px 0px 19px;
}
.bot_bg
{
	padding: 0px;
	margin: 0px;
	height: 52px;
	background-color: #B70F1E;
}

.footer_left
{
	padding: 0px;
	margin: 0px;
	background: url(images/bot_left.png) no-repeat top left;
}
.footer_right
{
	padding: 0px;
	margin: 0px;
	background: url(images/bot_right.png) no-repeat top right;
}
.footer_bg
{
	padding: 0px;
	margin: 0 14px 0 19px;
	background: url(images/bot.png) repeat-x top left;
	height: 68px;
}

.bot_pad
{
	margin-bottom: 20px;
	padding: 0 30px 0 20px;
}
#terms_style
{
	float: left;
}
#copy_style
{
	padding-top: 5px;
}

.clear_float
{
	clear: both;
}

/* Used in DNN to display messages
#dnn_ContentPane
{	background-color:White;
}
*/



/*
--------------------------------------------------------------
   SKIN OBJECTS (TODO, what are these?)
--------------------------------------------------------------
*/
.SkinObject
{
	font-weight: bold;
	font-size: 12px;
	color: #1a3881;
	text-decoration: none;
}

A.SkinObject:link
{
	text-decoration: none;
	color: #1a3881;
}

A.SkinObject:visited
{
	text-decoration: none;
	color: #1a3881;
}

A.SkinObject:hover
{
	text-decoration: none;
	color: #1a3881;
}

A.SkinObject:active
{
	text-decoration: none;
	color: #1a3881;
}


/*
--------------------------------------------------------------
  STYLE FOR MODULE TITLES (TODO, shouldn't these be in the container????)
--------------------------------------------------------------
*/
.Head
{
	font-size: 20px;
	font-weight: normal;
}

/* style of item titles on edit and admin pages */
.SubHead
{
	font-size: 12px;
	font-weight: normal;
}

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

/* text style used for most text rendered by modules */
.Normal, .NormalDisabled
{
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
	color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
	font-size: 11px;
	font-weight: bold;
}
.Normal2
{
	font-size: 12px;
	font-weight: normal;
}
/*
--------------------------------------------------------------
  text style used for error messages(TODO)
--------------------------------------------------------------
*/
.NormalRed
{
	font-size: 12px;
	font-weight: bold;
	color: #bd0101;
}
/*
--------------------------------------------------------------
  text style used for input textboxes in the admin and edit pages (TODO)                          
--------------------------------------------------------------
*/
.NormalTextBox
{
	/*	font-size: 12px; 	color:#1d1d1d; 	padding-left: 1px; 	border-color:#1a3881; 	border-bottom-color:#1a3881; 	border-top-color:#1a3881; 	border-left-color:#1a3881; 	border-right-color:#1a3881; 	border-style: solid; 	font-weight: normal; 	background-color:#FFFFFF;*/
}

.NormalTextBox:focus
{
	/*	font-size: 12px; 	color:#1d1d1d; 	padding-left: 1px; 	border-color:#1a3881; 	border-bottom-color:#1a3881; 	border-top-color:#1a3881; 	border-left-color:#1a3881; 	border-right-color:#1a3881; 	border-style: solid; 	font-weight: normal; 	background-color:#dbe1ef;*/
}

/*
--------------------------------------------------------------
  BUTTON STYLE OF STANDARD HTML BUTTON(TODO)
--------------------------------------------------------------
*/

.StandardButton
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 11px;
	background: #1a3881;
	color: #ffffff;
	border-color: #222222;
	border-bottom-color: #222222;
	border-top-color: #222222;
	border-left-color: #222222;
	border-right-color: #222222;
	margin-top: 10px;
	margin-bottom: 5px;
	cursor: pointer;
}

/*
--------------------------------------------------------------
  TEXT STYLE FOR BUTTONS AND LINK BUTTONS USED IN PORTAL ADMIN PAGES(TODO)
--------------------------------------------------------------
*/

.CommandButton, A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active
{
	font-size: 11px;
	color: #1a3881;
	font-weight: normal;
}

A.CommandButton:hover
{
	color: #2951b0;
	text-decoration: underline;
	font-size: 11px;
	font-weight: normal;
}

/*
--------------------------------------------------------------
  BASE OBJECTS
--------------------------------------------------------------
*/
div
{
	font-family:Calibri, Verdana;
	font-size:12px;
}
span
{
}
p
{
	font-family:Calibri, Verdana;
	margin-bottom: 1px;
	margin-top: 1px;
	font-size:12px;
	padding:0px 0px 6px 0px;
}

H1
{
	font-family:Calibri, Verdana;
	font-weight: bold;
	font-size: 20px;
	color: #1a3881;
	padding:15px 0px 8px 0px;
	margin:0px 0px 0px 0px;
}
H2
{
	font-family:Calibri, Verdana;
	font-weight: bold;
	font-size: 18px;
	color: #1a3881;
	padding:15px 0px 8px 0px;
	margin:0px 0px 0px 0px;
}
H3
{
	font-family:Calibri, Verdana;
	font-weight: bold;
	font-size: 16px;
	color: #1a3881;
	padding:12px 0px 6px 0px;
	margin:0px 0px 0px 0px;
}
H4
{
	font-family:Calibri, Verdana;
	font-weight: bold;
	font-size: 14px;
	color: #1a3881;
	padding:12px 0px 6px 0px;
	margin:0px 0px 0px 0px;
}
H5
{
	font-family:Calibri, Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #1a3881;
	padding:8px 0px 4px 0px;
	margin:0px 0px 0px 0px;
}
H6
{
	font-family:Calibri, Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #1a3881;
	padding:8px 0px 4px 0px;
	margin:0px 0px 0px 0px;
}
DT
{
	font-weight: bold;
	font-size: 12px;
	color: #1a3881;
}

tfoot, thead
{
	font-size: 12px;
	color: #434343;
}
th
{
	font-size: 12px;
	color: #434343;
}

SMALL
{
	font-size: 8px;
}
BIG
{
	font-size: 14px;
}
BLOCKQUOTE
{
	font-family: Lucida Console, monospace;
	font-size: 16px;
}

PRE
{
	font-family: Lucida Console, monospace;
	font-size: 14px;
}
hr
{
	margin: 0px;
	padding: 0px;
	border: 1px #1a3881 solid;
	border-width: 0px 0px 1px 0px;
	background: transparent;
	height: 1px;
}

a, a:link, a:visited, a:active
{
	color: #1a3881;
	text-decoration: none;
	font-weight: bold;
}
a:hover
{
	color: #1a3881;
	text-decoration: underline;
}

/*  Start of style for text in list   */
li
{
	font-family: Calibri,Verdana;
	font-size: 12px;
}

ul, ol
{
	margin: 0px;
	padding: 1em 1em 1em 2.5em;
}

ul li
{
	list-style-type: disc;
}

ul li li
{
	list-style-type: square;
}

ul li li li
{
	list-style-type: circle;
}

ol li
{
	list-style-type: decimal;
}

ol ol li
{
	list-style-type: upper-roman;
}

ol ol ol li
{
	list-style-type: lower-alpha;
}

ol ul li
{
}



/*--------- pane style ----------*/
.ContentPane, .TopPane, .BottomPane, .BottomPane1, .BottomPane2, .BottomPane3
{
	padding: 0 7px 0 4px;
	margin: 0 7px 0 4px;
}
.RightPane
{
	padding: 0px 7px 0px 4px;
	margin: 0 7px 0 4px;
}
.TopLeftPane
{
	padding: 0px 7px 0px 4px;
	margin: 0 7px 0 4px;
}
.TopContentPane
{
	padding: 0px 7px 0px 4px;
	margin: 0 7px 0 4px;
}
.TopRightPane
{
	padding: 0px 7px 0px 4px;
	margin: 0 7px 0 4px;
}
.MiddlePane1, .MiddlePane2, .MiddlePane3, .PromoPane1, .PromoPane2
{
	padding: 0px 7px 0px 4px;
	margin: 0 7px 0 4px;
}




/*-------------- Link Style --------------*/
.links
{
	text-align: center;
}
.links, a.links:link, a.links:active, a.links:visited
{
	font-weight: bold;
	color: #eeeeee;
	font-size: 11px;
	text-transform: uppercase;
	padding-top: 5px;
}
a.links:hover
{
	color: #ffffff;
}


/*-------------- Footer Style --------------*/
.footer, a.footer:link, a.footer:active, a.footer:visited
{
	color: #eeeeee;
	font-size: 10px;
}
a.footer:hover
{
	color: #ffffff;
}