/* 
    Document   : analyticsReporting
    Created on : 20/05/2013, 12:23:51 PM
    Author     : Adam
    Description:
        Purpose of the stylesheet follows.
		
	Edited on  : 21/11/2014, 01:47:30 PM
	Edited by  : Emily
*/


body {
	background-color:#FFFFFF;
	color: #000000;
	font-family: Arial, Myriad Pro, San Serif;
	font-size: 0.9em; /*aprox 12pt*/
}
 
img {
    border:0px;
}

a:link, a:visited {
    color: #CC6600;
    text-decoration: none;
}

a:hover, a:active {
    color: #005CE2;
    text-decoration: underline;
} 

iframe {
	margin: 0;
	padding: 0;
	border: none;
}
	
/*--- ID STYLES --- */

#pageLayout {
    width: 100%;
	background-color:#29ABE2;
	margin:0;
	left:0;
	right:0;
	position:absolute;
}

#headerSection {
    width: 100%;
	background-color:#fff;
	display:block;
	float:left;
}

#logo {
    float: left;
	margin-top:.5em;
}

#loginBox {
    min-width: 150px;
    float: right;
    background-color: #FDDFB1;
    font-size: .9em;
	padding:.6em;
	margin-right: .8em;
	margin-bottom:.7em;
	border-radius:10px;
	box-shadow: 4px 4px 2px #888;	
}


/* Main Menu Styles */

#primaryNav {
	clear:both;
	height:50px;
	min-width:1095px;;
	background-color:#29ABE2;
	border-radius:10px;
	box-shadow: 4px 4px 2px #888;
	font-size: 1.6em;
	margin:.4em;

}

#primaryNav a {
    color: #FFF;
    text-decoration: none;
    height: 50px;
	display:inline-block;
}

#btn1 {
	float:left;
	height:24px;
	width:200px;
    padding-left:11px;
    padding-right:11px;
    padding-top:11px;
    padding-bottom:15px;
    background-color:#29ABE2;
	border-radius:10px;
}

#btn2 {
	float:left;
	height:24px;
	width:122px;
    padding-left:11px;
    padding-right:11px;
    padding-top:11px;
    padding-bottom:15px;
	background-color:#29ABE2;
	border-radius:10px;
}

#btn3 {
	float:left;
	height:24px;
	width:122px;
    padding-left:11px;
    padding-right:11px;
    padding-top:11px;
    padding-bottom:15px;
	background-color:#29ABE2;
	border-radius:10px;
}

#btn4 {
	float:left;
	height:24px;
	width:122px;
    padding-left:11px;
    padding-right:11px;
    padding-top:11px;
    padding-bottom:15px;
	background-color:#29ABE2;
	border-radius:10px;
}

#btn5 {
	float:left;
	height:24px;
	width:95px;
    padding-left:11px;
    padding-right:11px;
    padding-top:11px;
    padding-bottom:15px;
	background-color:#29ABE2;
	border-radius:10px;
}

#btn6 {
	float:left;
	height:24px;
	width:178px;
    padding-left:11px;
    padding-right:11px;
    padding-top:11px;
    padding-bottom:15px;
	background-color:#29ABE2;
	border-radius:10px;
}

#btn7 {
	float:left;
	height:24px;
	width:100px;
    padding-left:11px;
    padding-right:11px;
    padding-top:11px;
    padding-bottom:15px;
	background-color:#29ABE2;
	border-radius:10px;
}

#btn1.selectedPage, #btn2.selectedPage, #btn3.selectedPage, #btn4.selectedPage, #btn5.selectedPage, #btn6.selectedPage, #btn7.selectedPage {
 	background-color:#FBB03B;
	color:#CC6600;
	border-radius:10px;
}


#btn1:hover, #btn2:hover, #btn3:hover, #btn4:hover, #btn5:hover, #btn6:hover, #btn7:hover {
	background-color:#005CE2;
	border-radius:10px;
    color: #FFFFFF;
}

#btn1:active, #btn2:active, #btn3:active, #btn4:active, #btn5:active, #btn6:active, #btn7:active {
	background-color:#FBB03B;
	colour:#CC6600;
	border-radius:10px;
}

#btn1.currentPage, #btn2.currentPage, #btn3.currentPage, #btn4.currentPage, #btn5.currentPage {
 	background-color:#FBB03B;
	color:#CC6600;
	border-radius:10px;
}

/* END NAVIGATION STYLES */


/* SUB MENU Styling */

#subMenu {
	margin-left:15px;
	margin-bottom:8px;
	margin-right:15px;
	float:left;
	width:100%;
}


/* SECONDARY NAV BUTTON STYLES */

#secondaryNav {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3px;
	float:left;
	width:100%;
	font-size:1.2em;
}

#secondaryNav a {
    color: #FFF;
    text-decoration: none;
    height: 24px;
	display:inline-block;
}

#btn_visit_siteVisitors  {
	height:24px;
	width:105px;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:2px;
	background-color:#29ABE2;
	border-radius:10px;
	float:left;
	margin-right:5px;
}
#btn_visits_visitInformation  {
	height:24px;
	width:87px;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:2px;
	background-color:#29ABE2;
	border-radius:10px;
	float:left;
	margin-right:5px;
}

#btn_visits_activeSessions {
	height:24px;
	width:133px;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:2px;
	background-color:#29ABE2;
	border-radius:10px;
	float:left;
	margin-right:5px;
}

#btn_visits_screenResolution {
	height:24px;
	width:160px;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:2px;
	background-color:#29ABE2;
	border-radius:10px;
	float:left;
	margin-right:5px;
}

#btn_page_pageHits {
	height:24px;
	width:90px;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:2px;
	background-color:#29ABE2;
	border-radius:10px;
	float:left;
	margin-right:5px;
}

#btn_page_pageEntry {
	height:24px;
	width:103px;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:2px;
	background-color:#29ABE2;
	border-radius:10px;
	float:left;
	margin-right:5px;
}

#btn_referrals_landing {
	height:24px;
	width:86px;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:2px;
	background-color:#29ABE2;
	border-radius:10px;
	float:left;
	margin-right:5px;
}

#btn_referrals_viewAll {
	height:24px;
	width:118px;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:2px;
	background-color:#29ABE2;
	border-radius:10px;
	float:left;
	margin-right:5px;
}

#btn_account_maintenance {
	height:24px;
	width:157px;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:2px;
	background-color:#29ABE2;
	border-radius:10px;
	float:left;
	margin-right:5px;
}

#btn_account_referrals {
	height:24px;
	width:168px;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:2px;
	background-color:#29ABE2;
	border-radius:10px;
	float:left;
	margin-right:5px;
}

#btn_account_subGroup {
	height:24px;
	width:177px;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:2px;
	background-color:#29ABE2;
	border-radius:10px;
	float:left;
	margin-right:5px;
}

#btn_account_referrers {
	height:24px;
	width:160px;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:2px;
	background-color:#29ABE2;
	border-radius:10px;
	float:left;
	margin-right:5px;
}

#btn_site_performance{
	height:24px;
	width:145px;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:2px;
	background-color:#29ABE2;
	border-radius:10px;
	float:left;
	margin-right:5px;
}

#btn_site_siteView{
	height:24px;
	width:122px;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:2px;
	background-color:#29ABE2;
	border-radius:10px;
	float:left;
	margin-right:5px;
}

#btn_visit_siteVisitors:hover, #btn_visits_visitInformation:hover, #btn_visits_activeSessions:hover, #btn_visits_screenResolution:hover, #btn_page_pageHits:hover, #btn_page_pageEntry:hover, #btn_referrals_landing:hover, #btn_referrals_viewAll:hover, #btn_account_maintenance:hover, #btn_account_referrals:hover, #btn_account_subGroup:hover, #btn_account_referrers:hover, #btn_site_performance:hover, #btn_site_siteView:hover {
    background-color:#005CE2;
    border-radius:10px;
    color: #FFFFFF;
}

#btn_visit_siteVisitors:active, #btn_visits_visitInformation:active, #btn_visits_activeSessions:active, #btn_visits_screenResolution:active, #btn_page_pageHits:active, #btn_page_pageEntry:active, #btn_referrals_landing:active, #btn_referrals_viewAll:active, #btn_account_maintenance:active, #btn_account_referrals:active, #btn_account_subGroup:active, #btn_account_referrers:active, #btn_site_performance:active, #btn_site_siteView:active {
	background-color:#FBB03B;
	color:#CC6600;
	border-radius:10px;
}

#btn_visit_siteVisitors.currentPage, #btn_visits_visitInformation.currentPage, #btn_visits_activeSessions.currentPage, #btn_visits_screenResolution.currentPage, #btn_page_pageHits.currentPage, #btn_page_pageEntry.currentPage, #btn_referrals_landing.currentPage, #btn_referrals_viewAll.currentPage, #btn_account_maintenance.currentPage, #btn_account_referrals.currentPage, #btn_account_subGroup.currentPage, #btn_account_referrers.currentPage, #btn_site_performance.currentPage, #btn_site_siteView.currentPage {
 	background-color:#FBB03B;
	color:#CC6600;
	border-radius:10px;
}

/* END SECONDARY BUTTON STYLES */

/* FILTER FORM STYLES */

#filterMenu {
	float:left;
	width:98%;
	margin-top:3px;
}

#filter {
	float:left;
	margin-right:8px;
}

label {
	float:left;
	margin-right:5px;
}

/*DROP MENU STYLING*/

.styled-select1 select {
   background: transparent;
   width:150px;
   border: 0;
   border-radius: 0;
   height: 18px;
   -webkit-appearance: none;
   float:left;
}
   
.styled-select1 {
   width:130px;
   height: 18px;
   overflow: hidden;
   background: url(/Reporting/images/dropArrow.png) no-repeat right #FFF;
   border: 1px solid #ccc;
   float:left;
}
   
.styled-select2 select {
   background: transparent;
   width:60px;
   border: 0;
   border-radius: 0;
   height: 18px;
   -webkit-appearance: none;
   float:left;
}
   
.styled-select2 {
   width:40px;
   height: 18px;
   overflow: hidden;
   background: url(/Reporting/images/dropArrow.png) no-repeat right #FFF;
   border: 1px solid #ccc;
   float:left;
}

.styled-select3 select {
   background: transparent;
   width:115px;
   border: 0;
   border-radius: 0;
   height: 18px;
   -webkit-appearance: none;
   float:left;
}
   
.styled-select3 {
   width:95px;
   height: 18px;
   overflow: hidden;
   background: url(/Reporting/images/dropArrow.png) no-repeat right #FFF;
   border: 1px solid #ccc;
   float:left;
}   

.styled-select4 select {
   background: transparent;
   width:80px;
   border: 0;
   border-radius: 0;
   height: 18px;
   -webkit-appearance: none;
   float:left;
}
   
.styled-select4 {
   width:60px;
   height: 18px;
   overflow: hidden;
   background: url(/Reporting/images/dropArrow.png) no-repeat right #FFF;
   border: 1px solid #ccc;
   float:left;
}  

/*END DROP MENU STYLING*/

/* SUBMIT BTN STYLING */
#submit {
	-webkit-appearance: none;
	width:115px;
	background-color:#29ABE2;
	border-radius:8px;
	color:#FFF;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
	margin-top:-4px;
	border:none;
}

#submit:hover {
	background-color:#005CE2;
	border-radius:8px;
    color: #FFFFFF;
	border:none;
}

#submit:active {
	background-color:#FBB03B;
	colour:#CC6600;
	border-radius:8px;
	border:none;
}
/* END SUBMIT BTN STYLING */
/* END FILTER STYLING */
/* END SUB MENU STYLING */




/* used in forms to highlight fields that are in error */
.errorStyle {
    background-color: RGB(251,196,182);
}


#dashboardBG {
    background-color: #29ABE2;
	padding-bottom:1em;
	height:auto;
	float:none;
	clear:both;
	padding-top:.5em;
}

#dashboardBody {
    width: 98%;
	margin:auto;
	height:auto;
}

#contentTable {
    width: 100%;
    vertical-align: top;
	margin-top:10px;
}

#pageFooter {
    text-align: center;
    background-color:#FFF;
    font-size: .85em;
    color: #808080;
    padding-top: 10px;
    padding-bottom: 5px;
	height:auto;
}



/*--- END ID STYLES ---*/


/*--- TABLE STYLES ---*/


/*
th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE";
}
*/


th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):not(.dashboardTable):after { 
    content: " \25B4\25BE";
}

.sortable {
    border:1px;
    border-radius:10px;
    width: 100%;
    background-color: #FFF;
    border-collapse: collapse;
    text-align: left;
    vertical-align: top;
    color: #000;
}

th.sorttable_nosort{
    background-color: #f6f8c8;
    padding: 5px;
    vertical-align: top;
    border:1px;
    color: black;
    border-bottom-style: dotted;
    font-size: 1em;
    font-weight: bold;
    font-style: italic;
}

.graphTable {
	background-color:#FFF;
	border-radius:10px;
}

.dashboardTable {
    border:1px;
    border-radius:10px;
    width: 100%;
    background-color: #FFF;
    border-collapse: collapse;
    text-align: left;
    vertical-align: top;
    color: #000;
}

th.dashboardTable {
    background-color: #FFF;
    padding: 5px;
    padding-top:8px;
    padding-bottom:8px;
    vertical-align: top;
    border:1px;
    color: #005CE2;
    border-bottom-style: dotted;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}

th.dashboardSubHead{
    background-color: #f6f8c8;
    padding: 5px;
    vertical-align: top;
    border:1px;
    color: black;
    border-bottom-style: dotted;
    font-size: 1em;
    font-weight: bold;
    font-style: italic;
}

td.dashboardTotals{
    background-color:#FEF2E0;
    padding: 2px;
    text-align: right;
    vertical-align: top;
    border:1px;
    color: black;
    border-top-style: dotted;
    font-size: 1em;
    font-weight: bold;

}

th img { 
  vertical-align: middle;
}

td.dashboardTableRow01 {
    background-color: #F7FAFE;
    border:0px;
    padding: 2px;
    border-collapse: collapse;
    font-size: 1em;
}

td.dashboardTableRow02 {
    background-color: #F2F2F2;
    border:0px;
    padding: 2px;
    border-collapse: collapse;
    font-size: 1em;
}

td.dashboardTableRow11 {
    background-color: #EFF9FD;
    border:0px;
    padding: 2px;
    border-collapse: collapse;
    font-size: 1em;
}

td.dashboardTableRow12 {
    background-color: #ECF2FD;
    border:0px;
    padding: 2px;
    border-collapse: collapse;
    font-size: 1em;
}

td.dashboardTableFooter {
    background-color: #FBB03B;
    border:1px;
    color: #000;
    border-top-style: dotted;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
    font-size: 0.8em;
    font-weight: bold;
    text-align: center;
	padding:3px;

}

td.errorMsg {
    color: red;
    font-weight: bold;
}

td {
    vertical-align: TOP;
}