/* GENERAL STYLES */
body { margin-top: 0px; margin-left: 0px; margin-right: 0px; font-family: arial; font-size: 9pt; background-color: #fbfbfb; }		
h2, h3, h4 { font-family: verdana,helvetica,sans-serif; color: #d50a20; }	
h1 { font-family: arial,verdana,helvetica; color: #D25A0B; font-size: 18px; margin-bottom: 10px; margin-top: 0px; font-weight: bold; }
h2{font-size: 16px; margin-bottom:5px;}
h3{font-size: 14px; margin-bottom:5px;}
h4 { margin-top: 25px; margin-bottom: 15px; font-weight: bold; font-size: 9pt; color: #444444; font-family: verdana; padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; background-color: #eaebeb; border-bottom: #8e9fba 1px solid; border-top-width: 1px; border-top-color: #d3d3d3; border-right-width: 1px; border-right-color: #d3d3d3; }	
hr{border: 0;width: 100%;color: #cccccc;height: 1px;}
A:link { text-decoration: underline; color: #0000ff; font-family: verdana,helvetica,sans-serif; font-size: 8pt; }
A:Visited{text-decoration: underline; color: #0000ff; font-family: verdana,helvetica,sans-serif; font-size: 8pt;}
A:Hover { text-decoration: underline; color: #ff0000; font-family: verdana,helvetica,sans-serif; font-size: 8pt; } 
.CheckMark{ font-weight: bold; color: #000000; font-size: 11px; background-image: url(../../../Images/icons/check.png); line-height:16px; background-repeat: no-repeat; padding-left: 15px; margin-bottom: 2px; margin-top: 2px; }
.ExclamationMark { font-weight: bold; color: #000000; font-size: 11px; background-image: url(../../../Images/icons/warning_small.gif); background-repeat: no-repeat; padding-left: 15px; margin-bottom: 5px; margin-top: 5px; }
.Success{ font-weight: bold; color: Green; font-size: 11px; background-image: url(../../../Images/icons/warning_small.gif); background-repeat: no-repeat; padding-left: 15px; margin-bottom: 5px; margin-top: 5px; }
.Error{ font-weight: bold; color: #ff0000; font-size: 11px; margin-bottom: 5px; margin-top: 5px; }
p { font-size: 9pt; margin-top: 5px; margin-bottom: 10px; font-family: arial; color: #333333; }
big{font-size: 11pt;}
small { font-size: 9pt; font-weight: normal; color: #666666; font-family: arial; border-top-width: 1px; border-left-width: 1px; border-left-color: #3399cc; border-bottom-width: 1px; border-bottom-color: #3399cc; border-top-color: #3399cc; border-right-width: 1px; border-right-color: #3399cc; }
.ShadowLine { background-image: url(../../../Images/accents/shadow_vertical.gif); background-repeat: repeat-x; height: 5px; background-color: #ffffff; }	
.Button{ padding-left:5px; padding-right:5px; padding-top:2px;padding-bottom:2px; color:#333333;font-family:arial;font-size:11px;font-weight:bold;background-color:#fed;border:1px solid;border-top-color:#696;border-left-color:#696;border-right-color:#363;border-bottom-color:#363;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');}
.MiceText { font-size: 9px; color: #333333; font-family: Verdana; }
.PopupBody { text-align: center; margin-top: 0px; font-family: verdana,helvetica,sans-serif; font-size: 8pt; color: #666666; background-color: #ffffff; }		

/* PAGE SECTIONS */	
.TopStrip { padding-right: 5px; padding-bottom: 5px; padding-top: 2px; font-size: 10px; }
.TopStrip a{font-size: 10px;}
.LeftPane { background-color: #fbfbfb; padding-right: 5px; padding-left: 5px; padding-bottom: 20px; padding-top: 10px; width: 150px; border-right: #a2bcd5 1px solid; }
.EditorLeftPane { background-color: #efefef; padding-right: 5px; padding-left: 5px; padding-bottom: 20px; padding-top: 5px; width: 150px; border-right: #a2bcd5 2px solid; margin-right: 10px; }
.CenterPane { background-color: white; padding-right: 15px; padding-left: 15px; padding-bottom: 15px; padding-top: 10px; border-right: #a2bcd5 1px solid; }
.EditPane { background-color: white; padding-right: 20px; padding-left: 20px; padding-bottom: 20px; padding-top: 20px; border-bottom: #a2bcd5 1px solid; border-right: #a2bcd5 1px solid;}
.FooterPane { height: 20px; font-size: 10px; color: #808080; font-family: verdana; font-weight: bold; padding-top: 10px; border-bottom-width: 1px; border-bottom-color: #125592; border-right-width: 1px; border-right-color: #125592; border-top: #128cdd 1px solid; text-align: center; }
.FooterPane A:link { text-decoration: none; font-size: 8pt; }
.FooterPane A:Visited{text-decoration: none; font-size: 8pt; }
.FooterPane A:Hover{text-decoration: none; font-size: 8pt; }
.HeaderPane { padding-top: 5px; background-color: #262626; }
.HeaderRight{ background-color:#262626;  background-image: url(../../../Images/background/header_admin1.jpg); background-repeat: repeat-y; border-right: #a2bcd5 1px solid; }
.HeaderRight A{font-size: 10px; color:#ffffff;}
.HeaderRight a:visited{font-size: 10px; color:#ffffff;}
.HeaderLine{border-bottom: #0099cc 1px solid;}
.LogoPane{}
.Logo { background-color:#262626; font-weight: bold; font-size: 18px; color: #c6e6f5; font-family: Arial; text-transform: uppercase; PADDING-BOTTOM:25PX;}
#BreadCrumb { text-align: left; vertical-align: middle; background-color: #f5f5f5; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; border-bottom: 1px solid #C0C0C0; font-size: 8pt; margin-bottom: 10px; }	
#BreadCrumb A:link { text-decoration: none; font-size: 8pt; }
#BreadCrumb A:Visited{text-decoration: none; font-size: 8pt; }
#BreadCrumb A:Hover{text-decoration: none; font-size: 8pt; }


/* FORM */
.Form { margin-bottom: 15px; }
.FormTitle { font-weight: bold; font-size: 12px; color: #ffffff; font-family: verdana; background-color: #6699cc; padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; } 
.Form .Search { background-color: #f1f1f1; padding-right: 10px; padding-left: 10px; padding-bottom: 20px; padding-top: 10px; border-right: #b5b4b5 1px solid; border-top: #b5b4b5 1px solid; border-left: #b5b4b5 1px solid; border-bottom: #b5b4b5 1px solid; margin-top: 5px; margin-bottom: 5px; }
.Form .Asterix { color: red; font-size: 8pt; }
.Form .HeaderStyle { font-weight: bold; font-size: 11px; background-color: #e6e6e6; color: #333333; margin-bottom: 5px; margin-top: 10px; padding-bottom: 3px; padding-top: 3px; padding-left: 5px; padding-right: 5px; }
.Form .Row { margin-bottom: 10px; padding-bottom: 5px; margin-top:5px; }
.Form .FieldStyle { white-space: nowrap; font-size: 9pt; font-weight: bold; color: #333333; text-align: left; font-family: verdana; padding-right: 5px; }
.Form .ValueStyle { font-size: 8pt; font-weight: normal; margin-bottom: 20px; margin-top: 5px; }
.Form .HintStyle { font-size: 9pt; font-weight: normal; color: #666666; font-family: arial; border-top-width: 1px; border-left-width: 1px; border-left-color: #3399cc; border-bottom-width: 1px; border-bottom-color: #3399cc; border-top-color: #3399cc; border-right-width: 1px; border-right-color: #3399cc; }
.Form .Or { font-weight: bold; font-size: 14px; color: #336699; font-family: arial; padding-right: 10px; padding-left: 10px; text-transform: uppercase; }

/* VIEW FORM STYLES */
.ViewForm{}
.ViewForm .FieldStyle { padding-right: 20px; font-weight: bold; text-align: right; }
.ViewForm .ValueStyle{padding-right: 20px;}
.ViewForm .RowStyle{ background-color: #EFF3FB; padding-bottom:5px; padding-top:5px;}
.ViewForm .AlternatingRowStyle{ background-color: #FFFFFF; padding-bottom:5px; padding-top:5px;}

/* MENU */
#Menu {font-size: 11px; color: white; font-family: arial; margin-left: 20px; }
#Menu A:link { text-decoration: none;}
#Menu A:Visited{text-decoration: none;}
#Menu A:Hover{text-decoration: none;} 
#Menu .StaticMenuStyle {}	
#Menu .StaticMenuItemStyle { width: 110px; color: #ffffff; background-color: #128cdd; font-weight: bold; padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; }	
#Menu .StaticHoverStyle { color: #ffffff; background-color: #a0522d; }	
#Menu .StaticSelectedStyle{color: #ffffff;  background-color: #128cdd;}
#Menu .DynamicMenuStyle { font-size: 11px; color: white; font-family: verdana; background-color: #128cdd; margin-top: 0px; }
#Menu .DynamicMenuItemStyle { color: white; background-color: #128cdd; padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; border-bottom: #125592 1px solid; border-right: #125592 1px solid; border-left: #125592 1px solid; width: 180px; }
#Menu .DynamicHoverStyle{color: #ffffff; background-color:  #a0522d;}
#Menu .DynamicSelectedStyle{}  
#Menu .MenuBottomLine {}	
		
/* TREEVIEW */
.AdminNavigation { margin-bottom: 15px; padding-bottom: 5px; padding-left: 5px; font-family: Arial; font-size: 11px; color: #335669; margin-top: 0px; }
.AdminNavigation A:link { text-decoration: none; color: #335669; }
.AdminNavigation A:Visited{text-decoration: none; color: #335669;}
.AdminNavigation A:Hover { color: #335669; text-decoration: none; } 
.AdminNavigation .Title { color: black; font-weight: bold; padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; font-size: 8pt; font-family: verdana; }
.AdminNavigation .TreeView { padding-left: 10px; }
.AdminNavigation .NodeStyle { font-weight: normal; padding-bottom: 5px; padding-top: 5px; }
.AdminNavigation .RootNodeStyle { font-size: 8pt; font-family: verdana; font-weight: bold; padding-bottom: 5px; padding-top: 5px; width: 200px; padding-right: 5px; padding-left: 5px; margin-top: 10px; background-image: url(../../../Images/background/left_header_admin.jpg); background-repeat: repeat-y; }
.AdminNavigation .HoverNodeStyle { background-color: #dceef5; width: 200px; }
.AdminNavigation .ParentNodeStyle {padding-left: 5px;}
.AdminNavigation .LeafNodeStyle {padding-left: 5px;}
.AdminNavigation .SelectedNodeStyle { color: #D25A0B; font-weight: bold; background-color: #ffffff; width: 200px;}


/* GRIDVIEW */
.Grid { border-bottom: #c0c0c0 1px solid; padding-bottom: 10px; }
.Grid .FooterStyle { background-color: #507CD1; color: white; font-weight: bold;}
.Grid .RowStyle { background-color: #dceef5; }
.Grid .PagerStyle { background-color: #507CD1; color: white; font-weight: bold; text-align:left; }
.Grid .PagerStyle A:link { text-decoration:underline;  color: white; }
.Grid .PagerStyle A:hover {text-decoration:underline;   color: #dceef5; }
.Grid .PagerStyle A:visited { text-decoration:underline;  color: white; }
.Grid .HeaderStyle{ background-color: #507CD1; color: white; font-weight: bold; text-align:left; }
.Grid .HeaderStyle A:link { text-decoration:underline;  color: white; }
.Grid .HeaderStyle A:hover {text-decoration:underline;   color: #dceef5; }
.Grid .HeaderStyle A:visited { text-decoration:underline;  color: white; }
.Grid .AlternatingRowStyle{ background-color: #FFFFFF;}

/* DASHBOARD */
.Dashboard .Box { border-right: #6ebcea 1px solid; border-top: #6ebcea 1px solid; border-left: #6ebcea 1px solid; border-bottom: #6ebcea 1px solid; width: 220px; height: 290px; margin-right: 20px; margin-top: 20px; vertical-align: top; }
.Dashboard .Box A:link { text-decoration: none; font-size: 8pt; }
.Dashboard .Box A:Visited{text-decoration: none;font-size: 8pt;}
.Dashboard .Box A:Hover { text-decoration: none; font-size: 8pt; color: #ff0000; } 
.Dashboard .Box .Title { background-color: #6ebcea; padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; border-bottom: #3180c9 1px solid; }
.Dashboard .Box .Title .Icon { padding-right: 5px; }
.Dashboard .Box .Title .Caption { padding-top: 5px; font-weight: bold; color: #ffffff; font-family: Verdana, Arial; font-size: 9pt; }
.Dashboard .Box .Inner { padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; }
.Dashboard .Box .SubTitle { font-weight: bold; font-size: 8pt; padding-bottom: 10px; font-family: verdana; color: #666666; }
.Dashboard .Box .Metric { padding-bottom: 5px; padding-left: 0px; }
.Dashboard .Box .MetricLabel { color: #666666; font-size: 8pt; font-family: verdana; }
.Dashboard .Box .MetricValue { color: #333333; font-size: 8pt; font-family: verdana; padding-left: 5px; font-weight: bold; }
.Dashboard .Box .Icon { padding-right: 2px; }
.Dashboard .Box .Shortcut { padding-bottom: 5px; padding-left: 0px; }
.Dashboard .Status { border-right: #aca899 1px solid; border-top: #aca899 1px solid; border-left: #aca899 1px solid; border-bottom: #aca899 1px solid; background-color: #ffffea; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; margin: 15px 5px; font-size: 7pt; font-family: verdana; width: 700px; }
.Dashboard .Status A:link { text-decoration: none; font-size: 7pt; }
.Dashboard .Status A:Visited{text-decoration: none;font-size: 7pt;}
.Dashboard .Status A:Hover{text-decoration: none;font-size: 7pt;} 

    
/* Landing Pages */
.LandingPage{}
.LandingPage .Shortcut { margin-bottom: 5px; margin-left: 0px; margin-top: 30px; }

.ActionLink A:link { text-decoration: none; font-size: 10pt; }
.ActionLink A:Visited{text-decoration: none;font-size: 10pt;}
.ActionLink A:Hover{text-decoration: none;font-size: 10pt;} 

/* License Classes */
.License {border-right: #c0c0c0 1px solid; padding-right: 10px; border-top: #c0c0c0 1px solid; padding-left: 10px; padding-bottom: 10px; border-left: #c0c0c0 1px solid; padding-top: 10px; border-bottom: #c0c0c0 1px solid; background-color: #fcfcfc; margin: 40px 40px 100px; }
.License .Row { padding-bottom: 5px; }
.License .FieldLabel { padding-right: 10px; font-weight: bold; font-family: verdana; }
.License .Status { border-right: #aca899 1px solid; border-top: #aca899 1px solid; border-left: #aca899 1px solid; border-bottom: #aca899 1px solid; background-color: #ffffea; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; margin-top: 15px; margin-bottom: 0px; }

/* TABS */
#Tabs { padding: 0; width: 100%; background: transparent; voice-family: "\"}\""; voice-family: inherit; }
#Tabs ul { font: bold 9px Arial; margin: 0; margin-left: 15px; /*margin between first menu item and left browser edge*/ padding: 0; list-style: none; }
#Tabs li { display: inline; margin: 0 2px 0 0; padding: 0; }
#Tabs a { float: left; display: block; color: white; margin: 0 1px 0 0; /*Margin between each menu item*/ padding: 5px 10px; text-decoration: none; letter-spacing: 1px; background-color: #128cdd; /*Default menu color*/ border-bottom: 1px solid #262626; font-weight: bold; font-size: 11px; font-family: arial; }
#Tabs a:hover { background-color: gray; /*Menu hover bgcolor*/ }
#Tabs #current a { /*currently selected tab*/ }
#TabsLine { clear: both; padding: 0; width: 100%; height: 1px; line-height: 1px; background: #128cdd; }

.Login {border-right: #c0c0c0 1px solid; padding-right: 10px; border-top: #c0c0c0 1px solid; padding-left: 10px; padding-bottom: 10px; border-left: #c0c0c0 1px solid; padding-top: 10px; border-bottom: #c0c0c0 1px solid; background-color: #fcfcfc; margin: 40px 40px 100px; }