@import "../../../templatebrand/afshared-v1.1.css";
@import "slider.css";
@import "map.css";

body { font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #454545; background: #f3f2ed; margin: 0; padding: 0; /*min-width: 980px;*/ }
body#loginbody { min-width: 0; }
body#popupbody { background-color: white; }
body#popupbody div.renderbuttonstable { width: auto }


a:link, a:visited, a:hover { text-decoration:none }
img { border: none }
.clear { clear: both }
span.clear { display:block }


#container-padding { margin:0 1.4em; background: #fff; padding: 0 15px; border-left: 5px solid #e7e5de; border-right: 5px solid #e7e5de }
#header { background: url(header-bg.png) repeat-x top; padding: 0; font-size: 100%; height: 0; height: auto; overflow: visible }
#header-bottom { height: 25px; background: url(header-bottom.png) no-repeat center top; border-top: 1px solid #efefef }
#logo { float:left; margin: 1.1em 0 2em 0.7em; width: 230px; height: 34px; background: url(logo.png) no-repeat }


.padding-5 { padding: 0 5px }
.padding-20 { padding: 0 20px }
.padding-t, .menuouter.padding-t { padding-top: 3em }


.chrome-top { padding-bottom: 1em }
.chrome-top .iconyicon { float:right }
.chrome-top h3  { margin: 0; padding-left: 5px; font-size: 26px; font-weight: bold; color: #33b2e6 }
.chrome-content { padding: 0.2em; background: #f2fafc; border: 1px solid #abcfde; }
.widget-no-border .chrome-content { border: 0px none; background: transparent none no-repeat scroll 0 0 }
.widget-border .chrome-content, .widget-no-border .widget-border .chrome-content { padding: 0.2em; background: #f2fafc; border: 1px solid #abcfde; }
.chrome-content-padding { padding: 0.7em; background: #fff }
.chrome-container a { margin-top: 15px; color: #82a906 }
.chrome-container a:hover { color: #33b2e6; text-decoration: underline; }
.chrome-spacer { clear: both; font-size: 1.9em }

#no-branding-body .chrome-content-padding, #no-branding-body div.renderbuttonstable { background: transparent }
#no-branding-body .chrome-spacer { font-size: 0px; }
#no-branding-body .menuouter.chrome { margin: 0px; }
#no-branding-body #mainpage { min-height: 0px; }

.chrome-content .title, .chrome-content .aftable th { font-weight: bold; padding-bottom: .2em }
.chrome-content .author { color: #789FAF; padding-bottom: .2em }
.chrome-content .content, .chrome-content .aftable { padding: .5em 0 }
.chrome-content .content div, .chrome-content .aftable td { padding: .2em 0 }


#left, #right { float: left }
#left { width: 69%; padding-right: 2% }
#right { width: 28% }
#right .chrome-top { padding-bottom: 0.4em }
#right .chrome-top h3  { padding: 0; font-size: 22px }
#right .chrome-container { padding-bottom: 10px; border-bottom: 1px solid #abcfde }
.widget-no-border .chrome-top h3  { font-size: 22px; }


#footer { padding: 20px 0; background: #313232; border-top: 4px solid #707070 }
#footer ul { float: left; margin:0; padding: 0 0 0 65px; list-style: none; background: url(logo-footer.png) no-repeat }
#footer ul li { float: left; padding: 5px 3px; font-size: 11px; color: #999 }
#footer ul li a { color: #999 }


#navigation { float: right; list-style: none; margin: 0 0 0.7em 0 }
#navigation li { float: left; padding: 18px 6px 0px 6px }
#navigation li.menuitem a, #navigation li.menuitemselected a { display: block; padding: 5px 5px; font-size: 18px; font-weight: bold; color: #999; border: 0px none; border-top: 4px solid #fff; text-transform: none }
#navigation li a:hover, #navigation li.menuitemselected a { color: #454545; cursor: hand; border-top-color: #33b2e6; text-decoration:none }
#navigation .has-submenu ol { background-color:#F2FAFC; border:1px solid #ABCFDE; left:0; padding-left:0; position:absolute; top:52px; z-index: 9; visibility:hidden }
#navigation li.expanded, #navigation li.expanded a{ visibility: visible }
#navigation li.expanded ol a{ color: #000000; background-color: #FAEBF3; }
#navigation .has-submenu li.menuitem, #navigation .has-submenu li.menuitemselected { display:block; padding:.2em .5em; background-color:transparent; border-top:0 none; white-space:nowrap }
#navigation li.has-submenu .menuitem a, #navigation li.has-submenu .menuitemselected a { background-color: transparent; border-top-color: transparent; font-size:15px }
#navigation .menuitem .menuitem a, #navigation .menuitemselected .menuitem a { font-size:100%; white-space: nowrap; }
#navigation .menuitem, #navigation .menuitemselected { position:relative; z-index: 1 }


#login-bar { float: right }
#login-bar .btn-blue { display: block; height:13px; padding: 5px 12px 8px 8px; margin-right: 10px; color: #fff; background-image: url(button-blue-right.png); background-repeat: no-repeat; background-position: right 0px; }
#login-bar .btn-blue a { height:13px; color: #EFEFEF; padding:0 8px; border-left: 1px dotted #EFEFEF; }
#login-bar .btn-blue a.first { border-left: 0 none; }
#login-bar .btn-blue span.btn-blue-corner { float: left; position: relative; display: block; width: 4px; height: 26px; top: -5px; left: -8px; _left: -4px; background-image: url(button-blue-left.png); background-repeat: no-repeat; background-position: left 0px }
#login-bar .btn-blue img { margin-left: 8px }
#login-bar .btn-blue a:hover { cursor: hand; /*background-position: 2px -26px;*/ color: #fff }
	
	
ul.workspace-buttons { list-style: none; margin: 0; padding: 0 }
ul.workspace-buttons li { float: left; width: 33.3%; text-align: center }
ul.workspace-buttons li a { display: block; margin: 0 auto; width: 120px; padding: 80px 0 10px 0; font-size: 18px; font-weight: bold; color: #33b2e6; background: no-repeat center top; border: 4px solid #fff }
ul.workspace-buttons li a:hover { color: #454545; border: 4px solid #33b2e6 }
ul.workspace-buttons li a.button-reception { background-image: url(btn-reception.jpg) }
ul.workspace-buttons li a.button-frontdesk { background-image: url(btn-frontdesk.jpg) }
ul.workspace-buttons li a.button-phoneteam { background-image: url(btn-phoneteam.jpg) }
ul.workspace-buttons li a.button-backoffice { background-image: url(btn-backoffice.jpg) }


ul.chrome-content-list { list-style: none; padding: 0; margin: 0 }
ul.chrome-content-list li { clear: both }
ul.chrome-content-list a { overflow: auto; display: block; padding: 8px 0px; border-bottom: 1px solid #c6e7ee }
ul.chrome-content-list a span.icon { float: left; width: 32px; height: 32px; margin-top: 2px; margin: 0 5px 0 10px; _margin-left: 5px }
ul.chrome-content-list a span.title { display: block; padding-top: 10px; font-size: 14px; color: #454545 }
ul.chrome-content-list a span.date { float: right; padding-top: 10px; font-size: 12px; font-weight: bold; color: #999 }
ul.chrome-content-list a:hover { background: #f1ffcc }
ul.chrome-content-list a:hover span.title { color: #000 }
ul.chrome-content-list a span.forum { background-image: url(icn-chrome-main-list-forum.png); }
ul.chrome-content-list a span.info { background-image: url(icn-chrome-main-list-info.png); }
ul.chrome-content-list a span.news { background-image: url(icn-chrome-main-list-news.png); }

/* -------------------------------------------------------------------- */
                          /* !*** chrome FOOTER BUTTONS *** */
/* -------------------------------------------------------------------- */


.chrome-footer-buttons { float: right; padding-top: 15px }

.genericsubmit { background:#E7E5DE none repeat scroll 0 0; border:1px solid #313232; }

#mainpage .genericsubmit {
	border: 1px solid #D1E5A0;
	display: block;
	height: 30px;
	_padding-left: 4px;
	margin-right: 10px;
	_margin-right: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #8bb110;
	background-image: url(chrome-button-right.png);
	background-repeat: no-repeat;
	background-position: -1px -1px;
	overflow: hidden; /* For IE6 */
}
#mainpage a.genericsubmit {
	padding: 9px 12px 9px 8px;
	height: 10px;
	}

#mainpage .genericsubmit span.chrome-button-corner {
	float: left;
	position: relative;
	display: block;
	width: 4px;
	height: 30px;
	top: -9px;
	left: -8px;
	_left: -4px;
	background-image: url(chrome-button-left.png);
	background-repeat: no-repeat;
	background-position: left 0px;
}

#mainpage .genericsubmit:hover,
#mainpage .genericsubmit:hover span.chrome-button-corner,
#mainpage .genericsubmit.selected,
a.chrome-button:hover,
a.chrome-button:hover span.chrome-button-corner { color: #fff; background-position: right -30px }











/* adminbar */
.adminbar { background-color:white; bottom:0; opacity:5; position:absolute; right:0; width:100% }

/* No Branding Pages */
body#no-branding-body { background-color: transparent }
#no-branding-body #mainpage { padding: 0px }

/* general chrome classes */
.smallerfont { font-size:0.8em }

/* Multisection Form Placeholder (Customer Search) */
.fph-section-wrapper { width:100% }
.fph-section-wrapper .fph-section { border-bottom:1px solid #D1E5A0; float:left; width:33% }

/* Omni Results */
.chrome-content .faq-result { border-bottom:1px solid #C6E7EE; padding:8px 0 }
.chrome-content .faq-result:hover, .chrome-content .osresultentry.selected { background: #F6FFDF }
.selectsubs {display: none !important; }





/* -------------------------------------------------------------------- */
                          /* !*** CHROME MAIN LIST *** */
/* -------------------------------------------------------------------- */


ul.chrome-content-list {
	list-style: none;
	}

ul.chrome-content-list li {
	float: left;
	width: 100%;
	}

ul.chrome-content-list a {
	display: block;
	float: left;
	width: 100%;
	padding: 8px 0px;
	border-bottom: 1px solid #c6e7ee;
	}

ul.chrome-content-list a span {
	display: block;
	float: left;
	}

ul.chrome-content-list a span.icon {
	float: left;
	width: 32px;
	height: 32px;
	margin-top: 2px;
	margin-left: 10px;
	_margin-left: 5px;
	background: no-repeat;
/* 	border: 1px solid; */
	}

ul.chrome-content-list a span.title {
	float: left;
	padding: 4px 5px 3px 10px;
	font-size: 14px;
	line-height: 16px;
	color: #454545;
/* 	border: 1px solid; */
	}0

ul.chrome-content-list a span.date {
	float: right;
	padding: 6px 10px 5px 10px;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	color: #999;
	}

/* Main chrome only */

.main-chrome ul.chrome-content-list a span.title {
	padding: 8px 5px 7px 15px;
	font-size: 16px;
	line-height: 18px;
	}

.main-chrome ul.chrome-content-list a span.date {
	padding: 10px 10px 9px 10px;
	font-size: 14px;
	line-height: 16px;
	}

/* Hover */

ul.chrome-content-list a:hover {
	cursor: hand;
	background: #f1ffcc;
	}
	
ul.chrome-content-list a:hover span {
	color: #000 !important;
	}
	
/* Icons */

ul.chrome-content-list a span.forum { background-image: url(icn-chrome-main-list-forum.png); }
ul.chrome-content-list a span.info { background-image: url(icn-chrome-main-list-info.png); }
ul.chrome-content-list a span.news { background-image: url(icn-chrome-main-list-news.png); }



/* -------------------------------------------------------------------- */
                          /* !*** chrome FOOTER BUTTONS *** */
/* -------------------------------------------------------------------- */


.chrome-footer-buttons {
	float: right;
	clear: both;
/* 	width: 100%; */
	padding-top: 15px;
/* 	border: 1px solid; */
	}

#mainpage .genericsubmit {
  border: 1px solid #D1E5A0;
	display: block;
	float: right;
	height: 30px;
	_padding-left: 4px; /* Compensate for 4px (width of slice) that IE6 adds to the left */
	margin-right: 10px;
	_margin-right: 5px;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	color: #8bb110;
	background-image: url(chrome-button-right.png);
	background-repeat: no-repeat;
	background-position: -1px -1px;
	overflow: hidden; /* For IE6 */
/* 	border: 1px solid #fff; */
	}
#mainpage a.genericsubmit {
	padding: 9px 12px 9px 8px;
	height: 10px;
	}

#mainpage .genericsubmit span.chrome-button-corner {
	float: left;
	position: relative;
	display: block;
	width: 4px;
	height: 30px;
	top: -9px;
	left: -8px;
	_left: -4px; /* Compensate for 4px (width of slice) that IE6 adds to the left */
	background-image: url(chrome-button-left.png);
	background-repeat: no-repeat;
	background-position: left 0px;
/* 	border: 1px solid; */
	}

/* Main chrome Only */

.main-chrome .genericsubmit {
	height: 14px;
	padding: 7px 12px 9px 8px;
	_padding-left: 4px; /* Compensate for 4px (width of slice) that IE6 adds to the left */
	font-size: 14px;
	line-height: 16px;
	}

.main-chrome .genericsubmit span.chrome-button-corner {
	top: -7px;
	}


/* Hover */

#mainpage .genericsubmit:hover,
#mainpage .genericsubmit:hover span.chrome-button-corner,
#mainpage .genericsubmit.selected {
	color: #fff;
	cursor: hand;
	background-position: right -30px;
	}




/* adminbar */

.adminbar {
background-color:white;
bottom:0;
opacity:5;
position:absolute;
right:0;
width:100%;
}




/* No Branding Pages */
body#no-branding-body {
  background-color: transparent;
}
#no-branding-body #mainpage {
  padding: 0px;
}


/* general chrome classes */

.smallerfont {
  font-size:0.8em;
}

.profileimage {
	padding-right: 7px;
}


/* Multisection Form Placeholder (Customer Search) */

.fph-section-wrapper {
  width:100%;
}
.fph-section-wrapper .fph-section {
  border-bottom:1px solid #D1E5A0;
  float:left;
  width:33%;
}



/* LogIn Section */

#loginbody #LoginUsernameBox, #loginbody #LoginPasswordBox, #loginbody #SignUpUsernameBox, #loginbody #SignUpFullNameBox, #loginbody #SignUpPasswordBox, #loginbody #SignUpConfirmPasswordBox { width: 90%; }
#loginbody table td.tablecol1 { width: 30%; }
.loginBoxStyle label { float:none; margin-right:2em; width: 30% !important }
.loginBoxStyle #createaccount { font-size: 1em; }

/* Random bits to hide */
#addmorelink, .cloudHeader { display: none; }


/* Add More Widgets section */
#addmoreoptions { left: auto; right: 48px; top: 22px; background-color: #05BAEB; border-color: #05BAEB; padding-top:25px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }


/* Word Cloud resizings */
a.XL { font-size: 1.8em }
a.L { font-size: 1.5em; }
a.M { font-size: 1.2em; }
a.S { font-size: 1em; }

/* Progress Bar */
  #mainpage .big-breadcrumb, #mainpage .big-breadcrumb:hover {
    display: block;
	height: 30px;
	_padding-left: 4px;
	margin-right: 10px;
	_margin-right: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #8bb110;
	background-image: url(chrome-button-right.png);
	background-repeat: no-repeat;
	background-position: -1px -1px;
	overflow: hidden; /* For IE6 */
	cursor:default;
	display: inline;
    -moz-display: inline-block;
    line-height:23px;
    margin:0 -6px;
    text-align:center;
    vertical-align:middle;
    width:32%;
    padding: 6px 10%; 
    float: none;
	-moz-border-radius:5px 5px 5px 5px;
  }
  #mainpage .big-breadcrumb a{
    /*padding: 9px 12px 9px 8px;*/
	height: 10px;
	color: #FFFFFF !important;
    font-weight:bold;
    text-decoration: none;
  }
  #mainpage .big-breadcrumb.visited,  #mainpage .big-breadcrumb.selected {
    background-position: right -30px;
    color:#FFFFFF !important;
  }
  .clearboth {
    clear: both;
  }
  .paddingbottom {
    padding-bottom: 2em;
  }
  .center {
    text-align:center;
    margin:auto;
    white-space:nowrap;
  }
  .selected-item {
    font-weight:normal;
    white-space:nowrap;
    opacity: 0.8;
    filter:alpha(opacity=80);
    padding-left: .3em;
  }

.iconyicon .closebutton { padding-bottom:15px; }


/* AF adjustments */
.corneroutertopleft, .corneroutertopright, .cornerouterbottomleft, .cornerouterbottomright, .cornerinnertopleft, .cornerinnertopright, .cornerinnerbottomleft, .cornerinnerbottomcenter, .cornerinnerbottomright, .cornerinnernavbottomleft, .cornerinnernavbottomright, .cornerinnertopleft, .cornerinnertopright { display: none; }
.cornerinnerbottomcenter { background: transparent none; clear:both; }
.progressbartoptable ol { padding-left: 0px }
form .progressbartoptable .progress1, .sectionnametable .progress1 { background-color: #59C9EF !important; border-color: #59C9EF; }
form .progressbartoptable .progress0, .sectionnametable .progress0 { border-color: #59C9EF; color: #33B2E6; }

/* RECEPTION SCREEN */

.queueinformation .renderbuttonstable .colwiseel { text-align:center; }

/* FAQs */

.faq, .editcontactdetails { clear: both; padding-bottom: 1em; border-bottom: 1px solid #AAAAAA;}
.faq .faq-question, .faq .faq-answer { clear: both; line-height: 1.7em; }
.faq .faq-question a {color: #82A906;}
.faq-links {padding: 0 0 7px 25px; }
.faq .mainline .tags, .faq-status, .faq-created {padding: 0 0 0 25px;}
.filter {font-size: 1.5em; }
.filter .genericsubmit, .editcontactdetails .genericsubmit {float: none !important;}
.pageselector {text-align: center; }

.signup_form_row label { width: 45%; }
.signup_form_row #LoginUsernameBox, .signup_form_row #LoginPasswordBox, .signup_form_row #SignUpUsernameBox, .signup_form_row #SignUpFullNameBox, .signup_form_row #SignUpPasswordBox, .signup_form_row #SignUpConfirmPasswordBox { width: 50%; }
.loginouter .loginbox .signup_form_row label { float:left; }