/* Minification failed. Returning unminified contents.
(396,1): run-time error CSS1019: Unexpected token, found '@charset'
(396,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(396,17): run-time error CSS1019: Unexpected token, found ';'
(424,1): run-time error CSS1019: Unexpected token, found '@charset'
(424,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(424,17): run-time error CSS1019: Unexpected token, found ';'
 */
/* Selectmenu
----------------------------------*/

.ui-selectmenu {border-radius:2px; text-align: left; padding:2px 5px 2px 5px; display: block; display: inline-block; position: relative; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; }
.ui-selectmenu span{color: #000; text-shadow:white 1px 1px 0;}
.ui-selectmenu:hover{text-decoration:none;}

.greenSelect .ui-selectmenu{background:#BBD74E; border:1px solid #699000;}
.greenSelect .ui-selectmenu span{color: #000; text-shadow:white 1px 1px 0;}

.blueSelect .ui-selectmenu{background:#0F5AB4; border:1px solid #044797; width:250px !important;}
.blueSelect .ui-selectmenu span{color: #fff; text-shadow:#000 1px 1px 0;}
/*
.ui-selectmenu-open .ui-selectmenu-menu-dropdown{ width:248px !important;}
*/
.ui-selectmenu-icon {position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu {background:#fff; border:1px #a9a9a9 solid; padding:5px; margin:0; position:absolute; top: 0; display: none; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-menu a{color:#343434; padding:3px 0 3px 0;}
.ui-selectmenu-menu a:hover{text-decoration:underline;}

.ui-selectmenu-menu ul{padding:0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto ; overflow-x: hidden; -webkit-overflow-scrolling: touch;} 
.ui-selectmenu-open { display: block; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status {display: block; outline:none; text-decoration:none;}
.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }

/*


.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }

* html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; }
* html .ui-selectmenu-menu li a { position: relative;padding:3px 0 3px 5px;}

*+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; }*/
/* AutoSuggest CSS - Version 1.2 */

ul.as-selections {
	list-style-type: none;
	border-top: 1px solid #888;
	border-bottom: 1px solid #b6b6b6;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	padding: 4px 0 4px 4px;
	margin: 0;
	overflow: auto;
	background-color: #fff;
	box-shadow:inset 0 1px 2px #888;
	-webkit-box-shadow:inset 0 1px 2px #888;
	-moz-box-shadow:inset 0 1px 2px #888;
}

ul.as-selections.loading {
	background-color: #eee;
}

ul.as-selections li {
	float: left;
	margin: 1px 4px 1px 0;
}

ul.as-selections li.as-selection-item {
	color: #2b3840;
	font-size: 13px;
	font-family: "Lucida Grande", arial, sans-serif;
	text-shadow: 0 1px 1px #fff;
	background-color: #ddeefe;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddeefe), to(#bfe0f1));
	border: 1px solid #acc3ec;
	border-top-color: #c0d9e9;
	padding: 2px 7px 2px 10px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	box-shadow: 0 1px 1px #e4edf2;
	-webkit-box-shadow: 0 1px 1px #e4edf2;
	-moz-box-shadow: 0 1px 1px #e4edf2;
}

ul.as-selections li.as-selection-item:last-child {
	margin-left: 30px;
}

ul.as-selections li.as-selection-item a.as-close {
	float: right;
	margin: 1px 0 0 7px;
	padding: 0 2px;
	cursor: pointer;
	color: #5491be;
	font-family: "Helvetica", helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 1px 1px #fff;
	-webkit-transition: color .1s ease-in;
}

ul.as-selections li.as-selection-item.blur {
	color: #666666;
	background-color: #f4f4f4;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#d5d5d5));
	border-color: #bbb;
	border-top-color: #ccc;
	box-shadow: 0 1px 1px #e9e9e9;
	-webkit-box-shadow: 0 1px 1px #e9e9e9;
	-moz-box-shadow: 0 1px 1px #e9e9e9;
}

ul.as-selections li.as-selection-item.blur a.as-close {
	color: #999;
}

ul.as-selections li:hover.as-selection-item {
	color: #2b3840;
	background-color: #bbd4f1;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbd4f1), to(#a3c2e5));
	border-color: #6da0e0;
	border-top-color: #8bb7ed;
}

ul.as-selections li:hover.as-selection-item a.as-close {
	color: #4d70b0;
}

ul.as-selections li.as-selection-item.selected {
	border-color: #1f30e4;
}

ul.as-selections li.as-selection-item a:hover.as-close {
	color: #1b3c65;
}

ul.as-selections li.as-selection-item a:active.as-close {
	color: #4d70b0;
}

ul.as-selections li.as-original {
	margin-left: 0;
}

ul.as-selections li.as-original input {
	border: none;
	outline: none;
	font-size: 13px;
	width: 120px;
	height: 18px;
	padding-top: 3px;
}

ul.as-list {
	position: absolute;
	list-style-type: none;
	margin: 2px 0 0 0;
	padding: 0;
	font-size: 14px;
	color: #000;
	font-family: "Lucida Grande", arial, sans-serif;
	background-color: #fff;
	background-color: rgba(255,255,255,0.95);
	z-index: 2;
	box-shadow: 0 2px 12px #222;
	-webkit-box-shadow: 0 2px 12px #222;
	-moz-box-shadow: 0 2px 12px #222;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

li.as-result-item, li.as-message {
	margin: 0 0 0 0;
	padding: 5px 12px;
	background-color: transparent;
	border: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

li:first-child.as-result-item {
	margin: 0;
}

li.as-message {
	margin: 0;
	cursor: default;
}

li.as-result-item.active {
	background-color: #3668d9;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 64%, from(rgb(110, 129, 245)), to(rgb(62, 82, 242)));
	border-color: #3342e8;
	color: #fff;
	text-shadow: 0 1px 2px #122042;
}

li.as-result-item em { 
	font-style: normal; 
	background: #444;  
	padding: 0 2px;
	color: #fff;
}

li.as-result-item.active em { 
	background: #253f7a;  
	color: #fff;
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	ul.as-selections {
		border-top-width: 2px;
	}
	ul.as-selections li.as-selection-item {
		padding-top: 3px;
		padding-bottom: 3px;
	}
	ul.as-selections li.as-selection-item a.as-close {
		margin-top: -1px;
	}
	ul.as-selections li.as-original input {
		height: 19px;
	}
}

/* Opera Hacks  */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	ul.as-list {
		border: 1px solid #888;
	}
	ul.as-selections li.as-selection-item a.as-close {
		margin-left: 4px;
		margin-top: 0;
	}
}

/* IE Hacks  */
ul.as-list {
	border: 1px solid #888\9;
}
ul.as-selections li.as-selection-item a.as-close {
	margin-left: 4px\9;
	margin-top: 0\9;
}

/* Firefox 3.0 Hacks */
ul.as-list,  x:-moz-any-link, x:default { 
	border: 1px solid #888;
}
BODY:first-of-type ul.as-list, x:-moz-any-link, x:default { /* Target FF 3.5+ */
	border: none;
}
#info {height:400px;}
a.padded img {padding:0 10px 10px 0;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

a{}


.menu {
position:relative;
padding-top:8px; width:980px; clear:both; margin:auto;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul,
.menu li {
padding:0;
margin:0;
list-style-type:none;
}

/* style the list items */

.menu ul.menu_level1 {
position:relative;
z-index:500;
float:left;
}

.menu ul.menu_level1 li.item_level1 {background: #3b86e1; /* Old browsers */
background: -moz-linear-gradient(top,  #3b86e1 0%, #0f5ab5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b86e1), color-stop(100%,#0f5ab5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3b86e1 0%,#0f5ab5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3b86e1 0%,#0f5ab5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3b86e1 0%,#0f5ab5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3b86e1 0%,#0f5ab5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b86e1', endColorstr='#0f5ab5',GradientType=0 ); /* IE6-9 */
border-radius:5px 5px 0 0; border:1px #97bce8 solid; border-bottom:none !important; margin-right:6px;} 

.menu ul.menu_level1 li.item_level1 a {width:auto; padding:0 25px; height:32px; line-height:32px; color:#fff; font-size:16px; text-shadow:#231f20 1px 1px 0 ;}



/* style the link hover */
* html .menu a:hover {position:relative;}

.menu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {}
 

 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu div.submenu {visibility:hidden;position:absolute;/*top:-30px;left:100px;*/padding:30px 30px 30px 0; text-align:left; }
.level2 {top: 2px; left: -1px; }
.level3 {top: -30px; left: 238px; }
.menu li ul{/*visibility:hidden;position:absolute;top:-30px;left:100px;padding:30px 30px 30px 0;*/}
.menu li ul.submeniu {/*visibility:hidden;position:absolute;top:7px;left:0px;padding:30px 30px 30px 0; */text-align:left;}
.menu li ul.submen2 {/*visibility:hidden;position:absolute;top:-30px;left:240px;padding:30px 30px 30px 0;*/ text-align:left;}
.menu li ul.submen3 {/*visibility:hidden;position:absolute;top:-30px;left:240px;padding:30px 30px 30px 0;*/ text-align:left;}

/*************** SUBMEN 1*********************/


.menu ul.menu_level2 {width:100%; border:1px #97bce8 solid; border-top:none !important; float: left; background-color:#0f5ab5; height:auto; position: relative; /*top: -30px;*/text-align:left; z-index: 600; }

.menu ul.menu_level2 li {width:100%; float: left; height:33px; background:url(images/subdiv.jpg) bottom no-repeat; text-align:center !important; }
.menu ul.menu_level2 li a{width:100% !important; padding:0 !important; font-size:14px !important; color:#fff !important; background:#0f5ab5 !important; text-shadow: none !important; text-decoration:none; width: 155px; height:34px; display:block; line-height:34px; }
.menu ul.menu_level2 li a:hover{background:#3b86e1 !important;}

.menu ul.menu_level2 li.last{background:none !important;}
/*************** SUBMEN 2*********************/

.menu ul.menu_level3 {width:188px; float: left; background-color:#e20177; height:auto; left:-104px; position: relative; /*top: -30px;*/text-align:left; z-index: 600; }

.menu ul.menu_level3 li {width:188px; float: left; height:33px; background:url(images/subdiv.jpg) bottom no-repeat; text-align:center !important; }
.menu ul.menu_level3 li a{font-size:14px !important; color:#fff !important; background:#0f5ab5 !important; text-shadow: none !important; text-decoration:none; width: 134px; height:34px; display:block; line-height:34px; }
.menu ul.menu_level3 li a:hover{background:#e20177 !important;}

.menu ul.menu_level3 li.last{background:none !important;}

/*************** SUBMEN 3*********************/


/* for browsers that understand this is all you need for the flyouts */
/*.menu li:hover > ul {visibility:visible;}*/
.menu li:hover > div.submenu {visibility:visible; width: 100%;}


/* for IE5.5 and IE6 you need to style each level hover */

/* keep the third level+ hidden when you hover on first level link */
.menu ul a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
.menu ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
.menu ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}

/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
visibility:visible;
}
/* make the third level visible when you hover over second level link */
.menu ul a:hover ul a:hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level link */
.menu ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}

@charset "utf-8";
/* CSS Document */

.PrintContainer {
    width: 612px;
    margin: auto;
}

.PrintContainer .TableList {
    border-left: 1px solid #CCCCCC;
    font-family: Arial, Helvetica, Sans-Serif;
}

.PrintContainer .TableList td {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    font-size: 10px;
    padding: 2px;
}

.PrintContainer .TableList .TableHeader td {
    background-color: #dee5f0;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 2px solid #000000;
}


@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left; color:#000;}
.fix{clear:both; overflow:hidden; width:100%; height:0px;}

a{display:block; color:#0F5AB4; text-decoration:none;}
a:hover {text-decoration:underline}

.logo, .menu ul.menu_level1 li.item_level1, .blackbar-left, .blackbar, .blackbar-right, .smallcol, .middlecol, 
.boxleftup, .boxleftdown, h4{float:left; display:inline;}

.logout, .boxrightup, .boxrightdown{float:right; display:inline;}
.logout a {display:inline}
.logout form{display:inline;}

.websitelogo{width: 316px;height: 62px; margin:100px 0 20px 0;}

.cms-login{background:url(images/login-cms.png) no-repeat; color:#fff; width:316px; height:208px;}
.cms-login h1{padding:23px 0 0 0px; margin:0px; font-size:16px;}
.cms-login h2{font-size:12px; font-style:italic; margin:0px;}
.cms-login .username input,
.cms-login .password input{border-radius:5px; width: 190px; background:#fff; border:1px #555555 solid; padding-left:5px;}
.cms-login label{width:62px; display:inline-block; text-align:right; padding-right:5px;}
.cms-login label.checkbox{width:auto;}
.cms-login .username{margin-top:30px;}
.cms-login .rememberme{width:124px; margin-left:-12px;}
.cms-login input.login{margin-top: 20px; width: 100px;}
.cms-login #loginForm{margin-top:12px;}

h4{margin:0; padding:0;}

#wrapper{width:1000px;}

#header{height:120px;}
#header .logo{background:url(images/logo.jpg) no-repeat 0 18px; width:322px; height:92px; padding-top:18px;}
#header .logo a{text-decoration:none; width:272px; height:52px; display:block;}
#header .logout{font-size:14px; margin:40px 0px 0 0; width:290px;}

.blackbar-left{background:url(images/blackbar-left.jpg) no-repeat; width:6px; height:70px; margin-top:1px;}
.blackbar{background:url(images/blackbar.jpg) repeat-x; width:988px; height:70px; margin-top:1px;}
.blackbar h2 {text-align: left; padding: 20px 0 0 15px; font-size:18px;}
.blackbar h2 a{display:inline;}
.blackbar h2 a:hover{text-decoration:none;}
.blackbar-right{background:url(images/blackbar-right.jpg) no-repeat; width:6px; height:70px; margin-top:1px;}

.content-right {width:790px; margin:12px auto;}
.rounded{padding:20px; border-radius:8px; border:1px #000 solid;}
.content {margin:12px auto;}

table.ft {width:100%; border-spacing:0;border:1px solid #cfcfcf; border-bottom:0; background:#eeeeee}
table.ft td.fth {color:#333333; font-weight:bold; padding:5px; text-align:left}
table.ft td {padding:5px; border-bottom:#cfcfcf 1px dotted; text-align:left;}
table.ft td.alignright {text-align:right;}
table.ft td.alignCenterNew {text-align:center;}
table.ft td.blackBorder{border-bottom:#494949 1px dotted;}

.menu a.arrow{background:url(images/arrow.png) 95% 13px no-repeat;}

/*** BUTTONS ***/
.btn{display:inline-block; height:16px; padding:2px 5px 2px 5px; text-align:center;  border-radius:2px; margin:0; cursor:pointer;}
input.btn{height:22px; position:relative; top:1px;}

.greenBtn{ background:#BBD74E; border:1px solid #699000;}
.greenBtn:hover{background:#c9e45a;}

.redBtn{background:#ffa797; border:1px solid #ff684d;}
.redBtn:hover{background:#ffc1b1;}

.greyBtn{background:#bfbfbf; border:1px solid #a6a6a6;}
.greyBtn:hover{background:#a6a6a6;}

.blueBtn{background:#0F5AB4; border:1px solid #044797;}
.blueBtn:hover{background:#1e70d2;}

.greyBtn, .greyBtn a, .greenBtn, .redBtn, .greenBtn a, .redBtn a{color: #000; text-shadow:white 1px 1px 0;}
.blueBtn, .blueBtn a{color: #fff; text-shadow:#000 1px 1px 0;}
.greyBtn:hover, .blueBtn:hover, .greenBtn:hover, .redBtn:hover, .greyBtn a:hover, .blueBtn a:hover, .greenBtn a:hover, .redBtn a:hover{text-decoration:none;}

.btnHeight14{height:14px;}
.btnHeight25{height:25px;}

span.red{color:#da0000;}
span.green{color:#52da00;}

a.redlinks{color:#da0000; display:inline; font-size:11px;}


table.ft input.iLabel1 {width:250px; height:12px}
table.ft input.iLabel2a {width:120px; height:12px; float:left}
table.ft select.iLabel2a {width:120px; float:left}
table.ft input.iLabel2b {width:120px; height:12px; float:right}
table.ft span.sLabel {display:block;}                     

table.ft td.pager {background:#dbdbdb; color:#000; padding:5px; text-align:left}
table.ft td.pager a {font-weight:bold}
table.ft td.pager select {height: 20px; padding: 0; margin: 0 8px;}

 ul.pager {list-style:none; padding:0 !important; margin:0 !important; text-align:right; float: right;}
 ul.pager li {float:left; padding: 0 3px; line-height: 19px;}
 ul.pager li.PagedList-RecordsPerPage {padding:0 10px}
 
 ul.pager li a {cursor:pointer;}
 ul.pager li.PagedList-disabled a {cursor:text;}
ul.pager li.PagedList-disabled {}
 

 .content-right h2 {text-align:left; padding: 0 0 0 10px;}
 .editcontainer {width:750px; margin:0 auto}

.smallcol, .middlecol{margin:12px 9px 0 0;}

.smallcol{width:246px; text-align:left;}
.middlecol{width:490px; text-align:left;}

.smallcol .box, .middlecol .box{width:100%;}

.box .boxtop{background:url(images/boxtop.png) repeat-x; height:47px; width:100%; overflow:hidden;}
.box .boxtop h4{color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; line-height:40px;}
.box .boxtop .boxleftup{background:url(images/boxleftup.png) no-repeat; width:14px; height:47px;}
.box .boxtop .boxrightup{background:url(images/boxrightup.png) no-repeat; width:14px; height:47px;}
.box .boxtop .boxRightButtons{float:right; margin-top:8px; color:#fff;}

.box .boxcontent{border-left:5px #333333 solid; border-right:5px #333333 solid;}
.box .boxcontent ul {margin: 10px 0 0 0; padding: 0 0 10px 40px;}

.box .boxbottom{background:url(images/boxbottom.png) repeat-x; height:15px; width:100%;}
.box .boxbottom .boxleftdown{background:url(images/boxleftdown.png) no-repeat; width:14px; height:15px;}
.box .boxbottom .boxrightdown{background:url(images/boxrightdown.png) no-repeat; width:14px; height:15px;}

.bgGrey{background-color:#EEE !important;}
.bgDarkGrey{background-color:#DBDBDB !important;}

.validation-summary-valid ul{margin:0px !important; padding:0px !important;}
.validation-summary-errors{background:#DBDBDB; padding:5px 0;}
.validation-summary-errors ul{margin:0px !important; padding:0px !important; list-style:none; color:#ff0000;}
.message-success{margin:0px !important; padding:5px 0 !important; background:#DBDBDB;}

.mainCateg{font-weight:bold; display:inline-block; width:80px; text-align:right;}

.change-password-title{position:relative;}
.change-password-title h2{text-align: left; padding: 20px 0 0 15px; font-size: 18px; position:absolute; top:-70px;}
.change-password-title h2#title1{left:0px;}
.change-password-title h2#title2{right:10px;}

.boxitemlist h2{border-bottom: 1px dotted #000000; font-size:22px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:40px;}
.boxitemlist h2 span{float: right;}
.boxitemlist h2 span a{color:#0F5AB4; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; padding-top:10px;}
.itemcolororange h2 {color:#000}
.itemcolorred h2 {color:#000}
.itemcolorblue h2 {color:#000}


.itemcolor1{color: #7cb600;}
.itemcolor2{color: #333333;}

.TipsList strong{color:#000000; font-size:13px; font-weight:bold;}
.TipsList p{color:#000; margin-top:0;}
.TipsList p a{ width:auto; display:inline; color:#e20177; text-decoration:underline;}
.TipsList p a b{font-size:14px; font-weight:normal;}

.NewsList strong{color:#000000; font-size:13px; font-weight:bold;}
.NewsList strong span{color:#666666;}
.NewsList p{color:#000; margin-top:0;}
.NewsList p a{ width:auto; display:inline; color:#e20177; text-decoration:underline;}
.NewsList p a b{font-size:14px; font-weight:normal;}

.ShortcutsLowerHome{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; font-size:18px; font-weight:bold; padding:15px 0 0 20px; text-align:left;}
.ShortcutsLowerHome span{font-size:14px; color:#0F5AB4; width:100%; margin:10px 0 10px 0; float:left; text-align:left; line-height: 22px; width: 454px;}
.ShortcutsLowerHome span a{font-size:14px; color:#0F5AB4; display:inline; text-decoration:underline;}

.smallcol .box p.LinkViewAll{color:#0F5AB4; margin:10px 15px 0; padding:0;}
.smallcol .box p.LinkViewAll a{clear:none; color:#0F5AB4; display:inline; text-decoration:underline;}

.smallcol .box .boxcontent div{padding:5px 0 10px 0;}

span.GoById{border-bottom:1px dotted #CCCCCC; display:block; margin-bottom:10px; padding:0 10px 5px 0; text-align:right;}
span.GoById label{color:#666666; font-weight:bold;}
span.GoById input.Text{width:140px;}
span.GoById input.Button{background:url(images/squarego.jpg) no-repeat; border:medium none; height:19px; width:19px;}
ul.ListLinks{list-style:none; margin-left:13px; padding-left:0;}
ul.ListLinks li a{color:#163c7c; text-decoration:none; text-decoration:underline;}
ul.ListLinks li span{font-size:14px;}

table.loginTable {border:0; width:500px; margin: auto; padding:18px 0 0 0}

.loginTableContainer {height:118px}
table.loginTable input:focus {outline: none;}
table.loginTable span.field-validation-error {display: block; height: 14px; text-align: left; border: 1px solid #2D2D2D; 
                       background: #FAFFBD; padding: 4px; width: 200px; border-radius: 5px; margin: 6px 0 0 0;}
table.loginTable select {width: 155px; margin: 0 0 0 6px;}


/* Edit Form */
.label-field  {width:360px; float:left}
.editor-field input {width:210px; padding:0 0 0 2px}
.editor-label {float: left; width: 85px; padding: 4px 5px 0 0;}
.editor-field {float:left}
.label-field label input {position: relative; top: 2px;}

.label-field-alt {width:700px}
.label-field-alt textarea {width:583px; height: 65px;}
.label-field-alt .editor-field input {width:583px; padding:0 0 0 2px}

.adminmenu {display: block; position: fixed; left: 0; top: 15%; width: 155px;
            height: 150px; border: 1px solid black; border-top-right-radius: 5px; border-bottom-right-radius: 5px;
            z-index: 9999; background: #333; padding: 40px 20px; text-align: left;}
.adminmenu a{display:block; color:#FFF; text-decoration:none; font-size: 16px}
.adminmenu a:hover {text-decoration:underline}
           
.UserSitesContainer {width:98%; padding:5px}
ul.userSites {list-style:none; width:100%; margin:0; padding:0; text-align: left;}
ul.userSites li {display:inline-block; width:33%; text-align:left}
ul.userSites li label {display:inline-block}
ul.userSites li input {display:inline-block; padding: 5px;} 
ul.userSites li span  {display: inline-block; padding: 5px; bottom: 2px; position: relative;}

.errorSignature { color:Red; float:left; margin-left:10px; margin-top:2px; }
.file-close { margin-left:3px; font-size:15px; }

#AttachedFiles{float:left;}
#AttachedFilesDisplay label, #AttachedFilesDisplay a{float:left;}

.footer{border-top:1px #e8ebf2 solid; width:1000px; height:30px; margin-top:20px;}
.footer a.clientSolution{background:url(images/logoClientSolution.png) no-repeat; text-decoration:none; float:right; width:93px; height:25px; margin-top:5px;}
.footer a.clientSolution:hover{text-decoration:none;}

.fixed-dialog{
  position: fixed;
  top: 50%;
  left: 50%;
}

.subTitle{ font-size:14px; background:#DBDBDB; margin:0px; padding:15px 10px 5px 40px !important;}

/* A class used by the jQuery UI CSS framework for their dialogs. */
.ui-front {
    z-index:1000000 !important; /* The default is 100. !important overrides the default. */
}



/* GOOGLE ANALYTICS MODULES */

/* Analytics homepage box */

.google-analytics-box .ViewsBoxChart {width: 100%; list-style:none; padding:0px !important; margin:0px !important;}
.google-analytics-box .ViewsBoxChart li { margin-left:0px !important; margin-right: 0px !important; padding-top:5px !important;    display: block;
    clear: both;
    list-style: none;
    height: auto !important;
    line-height: 20px;
    padding: 0px;
    margin: 0px; }
.google-analytics-box .ViewsBoxChart .ChartValue{padding:0 !important;}
.google-analytics-box .ChartLabel {
	width:60px;
	display: inline-flex;
	background: #D6D6D6;
	text-shadow: 1px 1px #fff;
	color: #000;
	box-sizing: border-box;
	padding: 1px 5px !important;
	height: 25px;
	margin: 0;
	vertical-align: top;
	border-right: 1px solid rgba(255,255,255,1);
	line-height:25px;
	text-align:center
}

.google-analytics-box .ChartValue {
    width: 155px;
    display: inline-flex;
    margin-left: 0;
    height: 25px;
    border-radius: 0;
}
.google-analytics-box .bar {
    margin-bottom: 0;
    color: #000;
    padding: 2px 4px !important;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 0;
    -webkit-animation-name:bar;
    -webkit-animation-duration:0.5s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-timing-function:ease-out;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9ec2ff+0,6c90ce+100 */
    background: rgb(247, 182, 76); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(247, 182, 76) 0%, rgb(231, 143, 8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgb(247, 182, 76) 0%,rgb(231, 143, 8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgb(247, 182, 76) 0%,rgb(231, 143, 8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ec2ff', endColorstr='#6c90ce',GradientType=0 ); /* IE6-9 */
    text-shadow: 1px 1px 0 #fff;
    transition:all .3s;
    -webkit-transition:all .3s;
}
.google-analytics-box .bar:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9ec2ff+44,6c90ce+100 */
background: rgb(158,194,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(158,194,255,1) 0%, rgba(138,173,236,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(158,194,255,1) 0%,rgba(138,173,236,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(158,194,255,1) 0%,rgba(138,173,236,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ec2ff', endColorstr='#8aadec',GradientType=0 ); /* IE6-9 */
}

.boxcontent #analytics-container,
.boxcontent #divGoogleAnalytics{padding-top:0px !important;}
.boxcontent #analytics-container .container{padding:0 2% !important;}

.boxcontent #analytics-container .container span {padding:2px;box-sizing:border-box}
.boxcontent #analytics-container .container label {width:100%;font-size:13px;line-height:16px}
.boxcontent #analytics-container .container input {height:20px;line-height:20px;width:100%;font-size:12px}


/* ---------------------- */



.google-analytics-box {}    
.google-analytics-box div {margin:0; padding:0}
.google-analytics-box > .container {width: 96%;padding: 0 2%;}
.google-analytics-box > .container span {display: block; line-height: 20px;}
.google-analytics-box > .container span label {display: inline-block; width: 28%; font-weight: normal;}
.google-analytics-box > .container span input {width: 67%;}

.google-analytics-box #pageViewsContainer {box-sizing: border-box;padding: 0 2%;}

.content #analytics-container > .container {background-color:#fff; padding:20px 30px; margin:10px auto 10px auto; color:#fff; width:100%; border:4px solid #333; box-sizing:border-box; border-radius:10px;}
#analytics-container > .container span {width:50%;float:left;}
#analytics-container > .container::after {content:''; width:100%; height:0; display:block; clear:both}
#analytics-container > .container label {color:#000; font-size:15px; font-weight:normal; line-height: 30px; display:inline-block; vertical-align:top; padding-right:10px}
#analytics-container > .container select,
#analytics-container > .container input {color:#000; font-size:15px; font-weight:normal; line-height: 30px; display:inline-block; vertical-align:top; height: 30px; box-sizing: border-box; padding-left: 5px; width: 50%;}
#analytics-container #chartContainer > div::before {display:block;width:100%;line-height:30px; text-align:center;font-size:17px;text-transform:uppercase; background-color:#333;border-radius:10px 10px 0 0;color: #fff;}
#analytics-container #chartContainer > div{background:#333; border:4px solid #333; box-sizing:border-box; border-radius:10px; border-top-width:0px; margin-bottom:10px;}
#analytics-container #chartContainer > div > div{position:relative; background: #fff; border-radius: 10px; padding: 0 10px; width: 100%; box-sizing: border-box;}

#analytics-container #chartContainer #pageViewsUsers-container::before {content:'Page Views / Users Graph';}
#analytics-container #chartContainer #userType-container::before {content:'User Types';}
#analytics-container #chartContainer #sessions-container::before {content:'Sessions per Day Graph';}
#analytics-container #chartContainer #country-container > div > div { position:relative; }
#analytics-container #chartContainer #country-container::before {content:'Sessions by Region';}
#analytics-container #chartContainer #keywords-container::before {content:'Page Views by Keywords';}
#analytics-container #chartContainer #searchEngines-container::before {content:'Page Views by Search Engines';}
#analytics-container #chartContainer #mainBrowsers-container::before {content:'Page Views by Browsers';}
#analytics-container #chartContainer #pageReferralsBox-container::before {content:'Page Views by Referrals';}

#analytics-container #chartContainer #secondaryBrowsers-container::before,
#analytics-container #chartContainer #secondaryBrowsers-container::after{display:none}	


#AnalyticsLogin {text-align: center; margin: 0 auto; border: 4px solid #333; border-radius: 10px; width: 100%; box-sizing: border-box; padding: 20px; transition:all .3s; -webkit-transition:all .3s;}
#AnalyticsLogin a{display: block; background-color:#BBD74E; color:#000; text-shadow: white 1px 1px 0; text-decoration:none; padding:10px 20px; font-size: 23px; margin: 10px auto; width: 430px; box-sizing:border-box; box-shadow: 0 0 1px rgba(0,0,0,1); border: 1px solid #699000; line-height: 35px;transition: all .3s;-webkit-transition: all .3s;}
#AnalyticsLogin a:hover {background-color:#c9e45a;}
#AnalyticsLogin > span {width: 430px; display:block; margin:0 auto; box-sizing:border-box; border: 1px solid #fff; background-color:whitesmoke; padding: 10px 30px; font-size: 20px; box-shadow: 0 0 1px rgba(0,0,0,1); text-align: left;}
#AnalyticsLogin > span > span {display: inline-block; font-size: 16px; line-height: 25px;}

#analytics-container #userType-container,
#analytics-container #searchEngines-container {margin-right:10px}
#analytics-container #userType-container,
#analytics-container #sessions-container,
#analytics-container #searchEngines-container,
#analytics-container #mainBrowsers-container {width:495px; display: inline-block; vertical-align:top; float:left;}
#analytics-container #searchEngines-container > div {height:300px}

#analytics-container #searchEngines-container table {width: 100%;  height: 100%;}
#analytics-container #searchEngines-container table tr.odd {background: #f8f8f8;}
#analytics-container #searchEngines-container table tr th {border-bottom: 1px solid #a8a8a8; font-weight: 700; padding: .6em 1em; text-align: left; vertical-align: middle;}
#analytics-container #searchEngines-container table tr td {font-size: 11px; padding: .6em 1em; vertical-align: middle;}
#analytics-container #searchEngines-container table tr td.rightColumn {text-align: right; border-left: 1px solid #e8e8e8;}
#analytics-container #searchEngines-container table tr td img {height:100%; max-height: 35px;}

#analytics-container #pageReferralsBox-container,
#analytics-container #country-container{clear:both;}

#country-container #country-container-map{width:75%; float:left; padding-bottom:15px;}
#country-container #country-container-map::after {
    content: 'COLOR CODING (darker areas represent more traffic - roll over each area for the exact values)';
    display: block;     line-height: 20px; position: absolute; bottom: 5px; left: 17px; font-weight: bold; font-size: 11px;}
#country-container #country-container-legend{width:25%; float:right;}
#country-container #country-container-legend ul{list-style:none;}
#country-container #country-container-legend ul li{line-height:25px;}
#country-container #country-container-legend ul li span{font-weight:bold;color: #163C7C;}

#analytics-container .viewMoreResults {text-align: center;padding: 10px;}