modernizr issue 1137 CSS

/* --------- Global  ---------------- */

/*
Note: Dosis font very similar

@font-face {
    font-family: Gravur;
    src: url(../fonts/gravur.eot);
    src: local(Gravur),
    	url(../fonts/gravur.eot?ie8hack) format(embedded-opentype),
    	url(../fonts/gravur.woff) format(woff),
    	url(../fonts/gravur.ttf) format(truetype),
    	url(../fonts/gravur.svg) format(svg);
	font-style: normal;
    font-weight: 400;
}
*/

/* make scrollbar appear permanently in chrome */
::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}
::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

::selection { /* text highlight colour (modern browsers only) */
	background: #E8308A; /* Color: F4 */
	color: white;
}


html, body {
	overflow: auto;
	height:100%;
}

body {
	font:12px/16px "Helvetica Neue", Arial, sans-serif;
	margin:0;
	padding:0;
	background:#F4F4F4;
	color:#333;
	position:relative;
}

body.portal-popup {
	min-width:0; /* remove 960gs min-width setting for popups */
}

html > .is-impersonated { /* remove extra padding added for dockbar */
 padding-top:0;
}

a:link, a:visited {
	color: #333;
}

a:hover, a:active {
	color:#691260; /* Color: F2 */
}


h1, h2, h3, h4, h5, h6, .portlet-title, .aui-fieldset-legend {
	font-weight: normal;
	font-size: 1em;
	line-height:1.1;
	margin: 5px 0 10px;
	padding:0;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
p:first-child,
.portlet-title:first-child,
.aui-fieldset-legend:first-child {
	margin-top:0;
}

h1 {
	font-size:2em;
	color:#4C4E52;
}
h2 {
	font-weight:bold;
	font-size:1.8em;
	color:#757575;
}
h3 {
	font-size:1.6em;
}
h4, .aui-fieldset-legend {
	font-size:1em;
	font-weight:bold;
}

.aui-fieldset-legend {/* workaround for margin-bottom in Chrome/ Safari */
	margin-bottom:0;
	padding:0 0 10px;
}


p {
	font-size:1em;
	line-height:1.4;
	margin: 10px 0 20px;
	padding:0;

}
ul, ol {
	margin: 5px 0 10px;
	padding-left: 1.5em;
	line-height: 1.4;
}
li {
	padding-bottom:.5em;
}
dl {
	padding:0;
	margin: 5px 0 10px;

}

sup, sub {
	font-size:.8em;
	padding-left:.3em;
}
sup { /* align to top of text */
	vertical-align:text-top;
}
sub { /* align to bottom of text */
	vertical-align:text-bottom;
}
img {
	border:none;
	-ms-interpolation-mode: bicubic; /* fix scaled images in IE */
}

.hr, .separator, .line {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	font-size: 0; /* IE fix */
	overflow:hidden;
}
.hr hr {
	display:none;
}
/* Show/hiding content */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/* --------- Theme Layout  ---------------- */
#wrapper {
	overflow:auto;
	margin: 0 auto;
	padding: 0;
	background:#F4F4F4 url(../images/zing-magenta-spectrum.png) 48% 0 no-repeat;
}

/* make welcome page diff spectrum (use body classes set by page_css in init_custom)  */
.signed-out #wrapper,
.web-guest-home #wrapper,
.web-guest-welcome #wrapper,
.web-guest-external-login #wrapper,
.group-guest-home #wrapper,
.group-guest-welcome #wrapper,
.en_au-group-guest-home #wrapper,
.en_gb-group-guest-home #wrapper,
.en_us-group-guest-home #wrapper,
.en_au-group-guest-welcome #wrapper,
.en_gb-group-guest-welcome #wrapper,
.en_us-group-guest-welcome #wrapper {
	background-image:url(../images/rr-turquoise-spectrum.png);
}

#banner {
	position:relative;
	clear:both;
}
#skip-to-content { /* accessability link */
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*-------- Top Navigation -------*/
#top-bar { /* search, sing-in, user greeting */
	min-height:40px;
	margin-top:15px;
	background-color:#fff;

	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;

	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	-o-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	box-shadow: 0 1px 5px rgba(0,0,0,0.3);

	font-weight:normal;
	font-size:1.5em; /* i.e. 15px */
	color:#6C6C6C;
}

.no-boxshadow #top-bar { /* boxshadow fallback for IE8 and older browsers */
	outline:2px solid #dadada;
}

.ie6 #top-bar { height:40px; }

#top-bar a:hover {
	color:#666666;
	text-decoration:underline;
}

#top-bar .portlet {
	margin:0;
	border:none;
	border:0;
	background:none;
	outline:0;
	-webkit-border-radius:0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow:none;
	-o-box-shadow: none;
	box-shadow: none;
}

#top-logo {
	display:block;
	float:left;
}

#top-logo img {
	margin:6px 6px 3px;
	padding:0;
	border:0;
}
#top-logo span {
	margin:0;
	padding:0;
	vertical-align:top;
}


#user-greeting {
	display:block;
	float:left;
	margin:10px 6px 10px 0;
	text-transform:uppercase;
}

#user-greeting .name {
	color:inherit;
	text-decoration:none;
}

#top-nav {
	list-style-type:none;
	float:right;
	margin:10px 6px;
	font-size:.8em; /* 14px */
}

#top-nav li {
	float:left;
	margin:0 10px 0 ;
	padding:0;
}

#top-nav a, #top-nav a:visited  {
	color:#999;
	text-decoration:none;
}

#top-nav #sign-out {}

#top-nav #my-profile {}

#logo {
	display:block;
	margin-top:20px;
	margin-bottom:10px;
}
#logo a {
	font-size:7em;
	line-height:1em;
	font-weight:normal;
	text-decoration:none;
	letter-spacing:-.1em;
	color:#02499b;
	border:none;
}

/*--- Company Logos -----*/
.company-logo {
	width: 100px;
	height:100px;
	float:right;
	margin-top: 10px;
	margin-right: 15px;
}

.sensis .company-logo {
	background:url(../images/sensis-logo.png) no-repeat 0px 0px;

}

/* --------- Navigation  ---------------- */

#navigation {
	display:block;

}
#navigation ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	bottom:0;

}
#navigation ul li {
	float:left;
	margin-right:20px;
	/*font-family:"Gravur";*/
	font-weight:normal;
	font-size: 1.3em;
	text-transform:uppercase;
}

#navigation ul li a, #navigation ul li a:visited, #navigation ul li a:hover {
	display:block;

	padding:6px 10px;
	background-color:#e8308a;
	text-align:middle;
	color:#fff;
	text-decoration:none;


	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;

	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	-o-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	box-shadow: 0 1px 5px rgba(0,0,0,0.3);
}
#navigation ul li a:hover {
	/*background-color:#f193bd;*/
	background-color:#691260;
	color:#fff;
	text-decoration:none;
}

#navigation ul li a span { /* label */
	cursor:pointer;
}


#navigation li a img { /* icon */
	display:inline-block;
	vertical-align:top;
	max-height:1em;
	margin-top:3px;
	margin-right:3px;
	border:none;

}
.ie6 #navigation li a img {
	height:1em;
}
.ie6 #navigation ul li a span, .ie7 #navigation ul li a span, .ie6 #navigation ul li a img, .ie7 #navigation ul li a span  {
	zoom:1;
	display:inline;
}
.firefox2 #navigation ul li a span, .firefox2 #navigation ul li a img {
	display: -moz-inline-stack;
}

.nav {
	list-style-type:none;
	padding-left:0;
}
.nav li {
	float:left;
	margin-right:5px;
}
.nav li a {
	display:block;
	padding:0 3px;
}
/* -------------- END Navigation ------------------------*/

#content {
	clear:both;
}

#footer {
	clear:both;
	margin-top:20px;

}
.powered-by {
	font-style:italic;
	letter-spacing:-.1em;
	color:#bbb;
}
.powered-by a {
	color:#bbb;
}

#footer .nav {
	float:right
}

/* --------- Portlet Layout   ----------------------
Use 960 grid system 12 Column Grid (220, 300, 460, 700, 940)
(more info http://960.gs/demo.html)
*/
body { width:100%; }

#wrapper {
	min-width:960px;
}

/* i.e. grid_12 */
.portlet-layout {
	display:inline;
	float:left;
	width:940px;
	margin-left:10px;
	margin-right:10px;
}

.portlet-column {
	display:inline;
	float:left;
	margin-right:10px;
	margin-left:10px;
}

/* grid_12 single column and maximized portlet layout */
.portlet-column-only {
	width:100%;
	margin-left:0;
	margin-right:0;
}

/* i.e. alpha */
.portlet-column-first {
	 margin-left:0;
 }

 /* i.e. omega */
.portlet-column-last {
	margin-right:0;
}

/* 2 Columns 50/50 */
.portlet-layout .aui-w50 {
	width:460px;
}

/* 2 Columns (30/70 & 70/30)  */
.portlet-layout .aui-w30  {
	width:220px;
}
.portlet-layout .aui-w70 {
	width:700px;
}

/* 3 Columns  ||  || */
.columns-3 .portlet-layout  .aui-w33 {
	width:220px;
}
.columns-3 .portlet-layout  #column-2.aui-w33 {
	width:460px;
}

/* positioniseverything.com clearfix */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}

/* --------- Portlet Customisation  ---------------- */

.portlet {
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	-o-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	margin:0 0 10px;
	padding:0;
	background:#fff;
}
.no-boxshadow .portlet { /* fallback for IE8 and older browsers */
	/*outline:2px solid #dadada;*/
	border:2px solid #dadada;
}

.portlet-topper {
	position:relative;
	margin:0;
	padding:9px 9px 0;

	/* have to use border radius as parent doesnt crop! */
	-webkit-border-radius: 9px 9px 0 0;
	-moz-border-radius: 9px 9px 0 0;
	-o-border-radius: 9px 9px 0 0;
	border-radius: 9px 9px 0 0;
	background:#fff;
}

.portlet-title {
	/*
	font-family:"Gravur";
	text-transform:uppercase;
	*/
	font-size:1.6em; /* same as h3 */
	font-weight:normal;

	color:#4C4C52;
	margin-top:5px;
	margin-bottom:0;
}
.portlet-title .icon {
	float:right;
	display:none;
}
.portlet-title-text {
	cursor:default;
}
.portlet-content {
	clear:both;
	margin:0;
	padding:10px;
}

/* ---------------- Forms ---------------- */

fieldset, .aui-fieldset {
	border:none;
	/*width:100%;*/
}
legend, .aui-fieldset-legend {
	position:relative;
	width:auto;
	padding:0;
	color:inherit;
}
.aui-fieldset-legend .aui-legend { /* legend text wrapper */
	display:block;
	position:relative;
	width:100%;
	border-bottom:none;
}
.aui-fieldset .description { /* short desc above form */
	font-style:normal;
	margin-bottom:10px;
}
.aui-fieldset .aui-field { /* field container */
	clear:both;
	display:block;
	margin:.75em 0;
}
.aui-fieldset .aui-field .aui-field { /* nested fields */
	margin-bottom:.5em;
}
.aui-fieldset .aui-field-content { /* field inner wrapper */
	clear:both;
	display:block;
	margin:0; /* remove top-margin from here and apply bottom margin to .aui-field parent */
}

.aui-field-label { /* textfield/ textarea label */
	display:block;
	margin-bottom:.25em; /* 28/6 */
}

.aui-field-group { /* radio/checkbox group wrapper */
	width:100%;
}

.aui-field-group .aui-field-content { /* spacing between radio/checkboxes in group  */
	margin:0 0 .25em 0;
	padding:1px; /* hack to fix cropping of radio */
	overflow:auto; /* clear floating fields */
}

.aui-choice-label {
	float:none;
	display:inline;
}
.aui-field-label-right input {
	float:left;
	margin-right:5px;
}
.aui-field-label-left input {
	float:left;
	margin-left:5px;
}
.aui-field-hint {
	display:block;
	clear:both;
	width:100%;
	margin-bottom:.75em;
	font-size:.9em;
	color:#999;
}
.aui-field-hint a, .aui-field-hint a:visited, .aui-field-hint a:hover {
	color:#999;
	text-decoration:underline;
}
.aui-fieldset .aui-button {
	display:block;
	margin-top:20px;
}
.aui-fieldset .portlet-msg-error {
	font-weight:bold;
	font-size:.9em;
	margin-bottom:0;
}

.hasPicker, .hasDatepicker {
	margin-right:3px; /* push datepicker icon away from edge */
}

.aui-field-ajax-loader { /* for autocomplete */
	display:block;
	width:20px;
	margin-left:100%;
	position:relative;
	left:-25px;
	top:-22px;
	text-indent:999em;
	background:url(../images/aui/loading_indicator.gif) no-repeat center center;
}

.lte-ie7 .aui-field-ajax-loader {
	zoom:1;
	position:relative;
}



/*---- Custom select, checkbox and radios -----*/
.faux-select {
	display:-moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display:inline;
	overflow:hidden;
	position:relative;
	padding-right:28px; /* allow for arrow */
}

.faux-select select {
	position:absolute;
	top:0;
	left:0;
	/* fill parent so pointer events work on parent */
	width:100%;
	height:100%;
	/* opacity hides allows pointer events! */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity:0;
	background:none;
}

.faux-select-val {
	display:-moz-inline-stack;
	display: inline-block;
	zoom: 1;/* trigger hasLayout for 'inline-block' in IE 7 */
	*display:inline;
	float:left;/* fix inline-block overflow issues in IE 8 and Firefox */
	line-height:20px; /* fix inheritance */
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
  	-ms-text-overflow: ellipsis:
  	-moz-binding: url(<q>-spot-theme/css/moz-ellipsis.xml#ellipsis</q>);
  	text-overflow: ellipsis;
  	-webkit-font-smoothing: antialiased;
  	-webkit-user-select: none;  /* Chrome all / Safari all */
  	-moz-user-select: none;     /* Firefox all */
  	-ms-user-select: none;
	cursor:pointer; /* prevent text tip */
}

.faux-select-arrow {
	/*
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	*/
	display:-moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display:inline;
	width:28px;
	height:28px;
	border-left:1px solid #6a3a92;
	position:absolute;
	top:0;
	right:0;
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.4);
	-moz-box-shadow: inset 0 0 10px rgba(0,0,0,.4);
	box-shadow: inset 0 0 10px rgba(0,0,0,.4);
	background:url(../images/entypo-ico32x32.png) no-repeat -560px -362px;
}

/* display inline for dataTables pager */
.dataTables_length .faux-select {
	display:inline;
}

.faux-radio input[type="radio"] {
   border: 0;clip: rect(0 0 0 0);  height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;
}

.faux-radio {
	position:relative;
	display:-moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display:inline;
	height:26px !important;
	width:26px  !important;
	min-height:26px;
	-webkit-border-radius: 26px  !important;
	-moz-border-radius: 26px  !important;
	border-radius: 26px  !important;

}

.faux-radio.check:after {
	content:"";
	cursor:pointer;

	display:-moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display:inline;
	position:absolute;
	top:5px;
	left:5px;
	width:14px;
	height:14px;
	border:0;
	background:url(../images/entypo-white-ico32x32.png) no-repeat -487px -289px;
	/* draw it
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	 behavior: url(/-spot-theme/css/PIE.htc);
	background:#a31781;
	*/
}

.faux-check input[type="checkbox"] {
   border: 0;clip: rect(0 0 0 0);  height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;
}

.faux-check {
  	position:relative;
 	display:-moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display:inline;
  	width:26px !important;
  	height:26px !important;
  	min-height:26px;
  	margin-right:5px;
	content:"";
}

.faux-check.check:after {
 	cursor:pointer;
  	content:"";
  	display:-moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display:inline;
  	position:absolute;
	top: 4px;
	left: 4px;
  	width: 15px;
	height: 15px;

	background:url(../images/entypo-white-ico32x32.png) no-repeat -167px -207px;
	/* draw it
	top: 7px;
	left: 5px;
	width: 14px;
	height: 5px;
	border: 3px solid #a31781;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	*/
}

/* textfields, buttons, selects, link buttons */
.portlet input[type="text"], .portlet input[type="password"], .portlet input[type="submit"], .portlet input[type="button"], .portlet button[type="button"], .portlet button, .portlet .btn, .portlet .button, .portlet select, .portlet textarea, .portlet .textarea, .portlet a.ui-button, .portlet .dataTable td.action a, .portlet .searchResults a.taglib-icon, .portlet .faux-select, .portlet .faux-radio, .portlet .faux-check  {
	/* box-sizing not supported by IE7 and not feasible workaround currently
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;

	padding:6px 6px;
	*/
	padding:.3em 0.429em;

	/* padding support inconsistent so specify height */
	min-height:1.4em;
	_height:1.4em; /* IE 6 */

	border:1px solid #dadada;
	background-color:#fff;
	background-image:none;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.06) inset;
	-moz-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.06) inset;
	-o-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.06) inset;
	box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.06) inset;


	color:#000;
}


/* Override Liferay focus class */
input.focus, textarea.focus, .ie6 input.focus, .ie6 textarea.focus {
	border:1px solid #dadada;
	background-color:#fff;
	background-image:none;
}

/* Set height as select ignores padding */
.portlet select {
	width:auto;
	/* width:auto;
	height:auto;
	 padding:0; remove padding as it plays havoc with IE */
}

/* disabled textfields */
.portlet input[type="text"]:disabled, .portlet input[type="password"]:disabled, .portlet input[type="file"]:disabled, .portlet textarea:disabled, .portlet .textarea:disabled {
	color:#aaa;
	background-color:#ddd;
	border-color:#aaa;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	cursor:not-allowed;
}

/* remove padding on radio */
.portlet input[type="radio"] {
	padding-left:0;
}

/* disabled selects select/check/radio boxes */
.portlet select:disabled, .portlet input[type="checkbox"]:disabled, .portlet input[type="radio"]:disabled  {
	color:#999;
	border-color:#aaa;
	cursor:not-allowed;
}

/* input placeholder text */
.portlet ::-webkit-input-placeholder {  color: #999; }
.portlet ::-webkit-input-placeholder {  color: #999; }
.portlet :-moz-placeholder { /* Firefox 18- */   color: #999;  }
.portlet ::-moz-placeholder {  /* Firefox 19+ */ color: #999;   }
.portlet :-ms-input-placeholder {   color: #999;  }
.portlet input.placeholder, .portlet textarea.placeholder { color: #999;  }

/* buttons */
.portlet input[type="submit"], .portlet input[type="button"], .portlet input[type="reset"], .portlet button, .portlet .btn, .portlet .button,  .portlet .ui-button, .portlet .dataTable td.action a, .portlet .searchResults a.taglib-icon, .cta-btn {
	cursor: pointer;
	display:-moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display:inline;

	overflow:visible;
	width:auto;

	margin:0;
	padding-right:1em;
	padding-left:1em;


	border:1px solid #bbb;

	vertical-align: baseline;
	outline: none;

	font-weight:normal;
	font-size: 14px;
	line-height:20px;
	color: #888;

	text-align:center;
	text-decoration:none;

	text-shadow: 1px 1px 0px #fff;
	white-space:nowrap;
	text-overflow:clip; /* hide overflowing text */


	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;

	-webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, .2);
	-moz-box-shadow:inset 0 0 5px rgba(0, 0, 0, .2);
	box-shadow:inset 0 0 5px rgba(0, 0, 0, .2);

	background: #fefefe url(../images/bg-buttons.png) 0 0 repeat-x;
}

/* FIX Firefox bottom spacing issue */
button::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,button {
    border:0;
    padding:0;
}

.portlet input[type="submit"]:hover, .portlet input[type="button"]:hover, .portlet input[type="reset"]:hover, .portlet button:hover, .portlet .btn:hover, .portlet .button:hover, .portlet .faux-select:hover, .portlet input[type="radio"]:hover, .portlet .faux-radio:hover, .portlet input[type="checkbox"]:hover, .portlet .faux-check:hover,  .portlet a.ui-button:hover, .dataTable td.action a:hover, .searchResults a.taglib-icon:hover,
.portlet input[type="submit"]:focus, .portlet input[type="button"]:focus, .portlet input[type="reset"]:focus, .portlet button:focus, .portlet .btn:focus, .portlet .button:focus, .portlet .faux-select:focus, .portlet input[type="radio"]:focus, .portlet .faux-radio:focus, .portlet input[type="checkbox"]:focus, .portlet .faux-check:focus, .portlet a.ui-button:focus, .dataTable td.action a:focus, .searchResults a.taglib-icon:focus,
.portlet input[type="submit"]:active, .portlet input[type="button"]:active, .portlet input[type="reset"]:active, .portlet button:active, .portlet .btn:active, .portlet .button:active, .portlet .faux-select:active, .portlet input[type="radio"]:active, .portlet .faux-radio:active, .portlet input[type="checkbox"]:active, .portlet .faux-check:active, .portlet a.ui-button:active, .dataTable td.action a:active, .searchResults a.taglib-icon:active,
.customfile-hover .customfile-button, .customfile-focus .customfile-button {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	background: #fefefe url(../images/bg-buttons.png) repeat-x 0 -60px;
	border:1px solid #bbb;
	color: #666666;
}


.portlet input[type="submit"]:disabled, .portlet input[type="button"]:disabled, .portlet button:disabled, .portlet .btn:disabled {
	cursor:not-allowed;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0.5);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity:0.5;
}


/* ------ jQuery dataTable Plugin (New search grids with sorting ) -----------*/
.dataTables_wrapper {
	margin: 0 auto;
	clear: both;
	margin:10px 0 20px;
}

table.dataTable {
	width: 100%;
}

table.dataTable td, table.dataTable th {
	padding:5px;
}

table.dataTable tr {
	border: solid #D2D2D2;
	border-width: 0 1px 1px 1px ;
}

.dataTables_wrapper thead tr, .dataTables_wrapper thead tr:hover  {
    background-image: url(../img/tables/ui-bg_glass_555555_1x400.png);
    background-position: 50% 50%;
    color: #FFFFFF;
    line-height: 24px;
    padding: 8px;
}

.dataTables_wrapper tr {
	background: #f6f6f6 url(../img/tables/ui-bg_glass_1x400.png) 50% 50% repeat-x;
	color:#2672E6;
}

.dataTables_wrapper tr:hover {
	margin-top:10px;
	background-attachment: scroll;
    background-color: #d0e5f5;
    background-image: url(../img/tables/ui-bg_glass_75_d0e5f5_1x400.png);
    background-position: 50% 50%;
    background-repeat: repeat-x;
    background-size: 2px auto;
    color: #2672E6;
}

.portlet .dataTable td.action a {
	font-size:1em;
}

.dataTables_length {
	margin:0 0 5px;
}

.dataTables_length select {
	height:auto; /* reset to autofit */
	padding:0;
}

.dataTables_info {
	margin-top:2px;
}
.dataTables_paginate {
	margin-top:2px;
}
.dataTables_paginate a.ui-button {
	min-height:1em;
}
.ie6 .dataTables_paginate a.ui-button {
	height:1em;
}

.paginate_disabled_previous, .paginate_enabled_previous,
.paginate_disabled_next, .paginate_enabled_next  {
	padding-top: 2px;
}

.dataTables_processing { /* preloading message */
	border: 1px solid #DDD;
	padding: 10px 10px 10px 35px;
	width: 165px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	background: white url(../images/aui/loading_indicator.gif) 10px 50% no-repeat;
	text-align:left;
	color: #e8308a;
}

.ie6 .dataTables_processing {
	width:200px;
}

/*--------- jQuery UI Tabs (adjustments from default) ------*/
.ui-widget {
	border:1px solid #dadada;
	font:12px/16px "Helvetica Neue", Arial, sans-serif;
}
.ui-widget .tab-buttons {
	font-size: 1.1em;
	line-height:1.1;
}
.ui-tabs .ui-tabs-nav li {
	margin-right:.25em;
	text-align:center;
	word-wrap:normal;
	white-space:normal;
}
.ui-tabs .ui-tabs-nav li a {
	float:none;
	display:block;
	min-height:20px;
	padding:.5em .75em;
	font-weight:bold;
	text-shadow: 1px 1px white;
	color:#691260;
}
.ie6 .ui-tabs .ui-tabs-nav li a {
	height:20px;
}

.ui-tabs .ui-tabs-panel, .tab-content {
	height:auto;
	padding: 1em 1.4em;
}

.ui-tabs .ui-tabs-nav li.ui-state-processing a { /* loading message */

}

/*-------- jQuery UI Dialog (adjustments from default) -----------*/
.ui-dialog .ui-dialog-content {
	padding:10px;
}
/* Liferay tooltip menus */
.aui-tab-active {
	background: #004D9D;
}
.aui-tab-active a {
	color:#fff;
}
.aui-tab-active::after { /* the tip */
	border-color:#004D9D transparent transparent;
}

/*--------- jQuery blockUI Plugin -----------*/
div.blockMsg {
    top: 40%;
    left: 40%;
    width: 20%;
    padding: 15px;
    border: 1px solid #ddd;
     background:#fff;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius:9px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);

}

div.blockMsg h1 {
	font-weight:normal;
	font-size:1.5em;
	color: #e8308a;
	text-align:center;

}

div.blockMsg h1 span {
	padding-left:25px;
	background:transparent url(../images/aui/loading_indicator.gif) 0% 50% no-repeat;
}

/*--------- jQuery charCount Plugin ----------*/
.charcounter {
	display:block;
	margin-top:.25em;
	font-size:.9em;
	line-height:1;
	text-align:left;
	color:#bbb;
}

.charcounter ~ .hint { display:none; } /* hide hint text as we have counter */
.charcounter-warn{ color:#600; }
.charcounter-exceed{ color:#e00; }

/*--------- jQuery textExcerpt Plugin ---------*/
a.tl_show_more,
a.tl_show_more {
	padding-left:3px;
	text-decoration:none;
	cursor:pointer;
	color:#E8308A;
}

a.tl_show_more:hover,
a.tl_show_more:hover {
	text-decoration:none;
}

/*---------- jQuery Custom File Input (http://filamentgroup.com/examples/jquery-custom-file-input/) -------*/
.customfile-input {
	top: 0 !important; /* override js positioning */
	left: 0 !important;
	width:100% !important;
	height:100%;
}

.firefox .customfile-input {
	font-size:1000px; /* FF doesnt allow width so force via font-size */
}

/* --------- Nav Portlet  ---------------- */

.nav-menu ul {
	list-style-type:none;
	padding-left: 0;
}
.nav-menu h2, .nav-menu li {
	margin-bottom:10px;
	border-bottom:1px solid #eee;
	font-weight:normal;
	font-size:1.4em;
	line-height:1.2;
	text-transform:none;

}

.nav-menu li a,
.nav-menu li a.selected {
	display:block;
	min-height:30px;
	padding-left:45px;
	background: url(../images/sprite-menu-icons.png) 0 0 no-repeat;
	text-decoration:none;
	font-weight:normal;
	color:#4C4C52;
	word-wrap:break-word; /* stop long labels busting out */
}
.firefox .nav-menu li a, .firefox .nav-menu li a {
	white-space: normal;
}

.ie6 .nav-menu li a, .ie6 .nav-menu li a {
	height:30px;
}
.nav-menu li a.selected { color:#691260; }


/* custom icons (requires js) */

.nav-menu li a.nav-menu-user-admin {
	background-position:0 0;
}
.nav-menu li a.nav-menu-user-admin:hover,
.nav-menu li.selected a.nav-menu-user-admin {
	background-position:-480px 0;
}

.nav-menu li a.nav-menu-my-team {
	background-position:0 -90px;
}
.nav-menu li a.nav-menu-my-team:hover,
.nav-menu li.selected a.nav-menu-my-team {
	background-position:-480px -90px;
}

.nav-menu li a.nav-menu-my-photo {
	background-position:0 -540px;
}
.nav-menu li a.nav-menu-my-photo:hover,
.nav-menu li.selected a.nav-menu-my-photo {
	background-position:-480px -540px;
}

.nav-menu li a.nav-menu-my-budget,
.nav-menu li a.nav-menu-budgets {
	background-position:0 -270px;
}
.nav-menu li a.nav-menu-my-budget:hover,
.nav-menu li.selected a.nav-menu-my-budget,
.nav-menu li a.nav-menu-budgets:hover,
.nav-menu li.selected a.nav-menu-budgets {
	background-position:-480px -270px;
}

.nav-menu li a.nav-menu-analysis,
.nav-menu li a.nav-menu-reports {
	background-position:0 -360px;
}
.nav-menu li a.nav-menu-analysis:hover,
.nav-menu li.selected a.nav-menu-analysis,
.nav-menu li a.nav-menu-reports:hover,
.nav-menu li.selected a.nav-menu-reports {
	background-position:-480px -360px;
}

.nav-menu li a.nav-menu-upload-points-request {
	background-position:0 -450px;
}
.nav-menu li a.nav-menu-upload-points-request:hover,
.nav-menu li.selected a.nav-menu-upload-points-request {
	background-position:-480px -450px;
}

.nav-menu li a.nav-menu-my-nominations {
	background-position:0 -630px;
}
.nav-menu li a.nav-menu-my-nominations:hover,
.nav-menu li.selected a.nav-menu-my-nominations {
	background-position:-480px -630px;
}

/* --------- Sign-in/Login Portlet 58 -------------------*/

.portlet-boundary_58_ .Username { font-weight:bold; } /* fix issue with username not being bold due to missing markup */

.portlet-boundary_58_ input[type="submit"], .portlet-boundary_58_ .aui-button-input-submit {
	color:#fff;
	text-shadow: black 1px 1px 0px;
	border:1px solid #07575a;
	background: #0d908d url(../images/bg-buttons.png) 0 -120px no-repeat;
}
.portlet-boundary_58_ input[type="submit"]:hover, .portlet-boundary_58_ .aui-button-input-submit:hover,
.portlet-boundary_58_ input[type="submit"]:focus, .portlet-boundary_58_ .aui-button-input-submit:focus,
.portlet-boundary_58_ input[type="submit"]:active, .portlet-boundary_58_ .aui-button-input-submit:active {
	color:#fff;
	border:1px solid #07575a;
	background-color: #07575a;
	background-position: 0 -190px;
}


/*-------- Financial Summary ----*/

.portlet-boundary_Summary_WAR_PortletFinancial_ {
}
.portlet-boundary_Summary_WAR_PortletFinancial_ h4 {
	display:none;
}
.portlet-boundary_Summary_WAR_PortletFinancial_ .col-1 {
	width: 60%;
}
.portlet-boundary_Summary_WAR_PortletFinancial_ .col-2 {
	width: 40%;
	text-align: right;
}

.portlet-boundary_Summary_WAR_PortletFinancial_ tr:last-child,
.portlet-boundary_Summary_WAR_PortletFinancial_ tr.last {
  font-weight:bold
}

/*-------- Summary Balance ----*/
#tpoints-summary .portlet-boundary_SummaryBalance_WAR_PortletFinancial_ {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display: inline;
}

#tpoints-summary .portlet-boundary_SummaryBalance_WAR_PortletFinancial_ div,
#tpoints-summary .portlet-boundary_SummaryBalance_WAR_PortletFinancial_ .portlet {
	display: inline;
}

#tpoints-summary .portlet-boundary_SummaryBalance_WAR_PortletFinancial_ .portlet-topper {
	display:none;
}

#tpoints-summary .portlet-boundary_SummaryBalance_WAR_PortletFinancial_ .portlet-content {
	 clear:none;
	 background:none;
	 border:none;
	 border:0;
	 padding:0;
}



#tpoints-summary .portlet-boundary_SummaryBalance_WAR_PortletFinancial_ .pointsBalanceValue .balance {
	font-weight:bold;
}

#tpoints-summary .portlet-boundary_SummaryBalance_WAR_PortletFinancial_ .balanceLabelPrefix,
#tpoints-summary .portlet-boundary_SummaryBalance_WAR_PortletFinancial_ .pointsBalanceLabel,
#tpoints-summary .portlet-boundary_SummaryBalance_WAR_PortletFinancial_ .balanceCurrency,
#tpoints-summary .portlet-boundary_SummaryBalance_WAR_PortletFinancial_ .pointsSummaryFooter,
#tpoints-summary .portlet-boundary_SummaryBalance_WAR_PortletFinancial_ .pointsSummaryHead {
	display:none;
}

#tpoints-summary .portlet-boundary_SummaryBalance_WAR_PortletFinancial_ .balanceCurrency {
	display:inline;
}


#tpoints-summary .portlet-boundary_SummaryBalance_WAR_PortletFinancial_ .portlet-msg-error {
	display:inline;
	margin:0;
	border:0;


}

/* --------- Nomination Management (Pending nominations)  ----------------


#pending-nominations .portlet-boundary_NominationManagement_WAR_NominationManagement_ .portlet-topper {
	display:none;
}
#pending-nominations .portlet-boundary_NominationManagement_WAR_NominationManagement_ .portlet {
	margin:0;
	padding:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
#pending-nominations .portlet-boundary_NominationManagement_WAR_NominationManagement_ .portlet-content {
	margin:0;
	padding:0;
}
#pending-nominations .portlet-boundary_NominationManagement_WAR_NominationManagement_ .taglib-text {
	display:block;
	text-indent:-2000px;
}
*/

/* ----------- Tables ----------- */
.results-grid {
}
.results-grid table {
	border-collapse: collapse;
	width: 100%;
}
tr.results-header {
	background: #D1D6DC;
}
tr.results-header th, .results-header td {
	padding: 5px 10px;
	color: #7B7C7F;
	word-wrap:break-word;
}
tr.results-row td {
	padding: 5px 10px;
	background: #BCC3CC;
}
tr.results-row.alt td {
	background: #DDE1E6;
}
tr.results-row.hover td {
	background: #BCC3CC;
}
.col1, .col2, .col3, .col-4, .col-5 {
}

/*---- Nomination Management Portlet V2 -----*/


ul.nomination-details {
	list-style:none;
	padding-left:0;
}

ul.nomination-details dl {

}

ul.nomination-details dt, ul.nomination-details dd {
	display:block;
	float:left;

}
ul.nomination-details dt {
	font-weight:bold;
	clear:left;
}

/* Nomination search form table */
.portlet-boundary_NominationManagement_WAR_NominationManagement_ table.nomSearch {
	table-layout:auto;
}
.portlet-boundary_NominationManagement_WAR_NominationManagement_ table.nomSearch .col-1, /* date field labels */ .portlet-boundary_NominationManagement_WAR_NominationManagement_ table.nomSearch .col-3 {
	width:15%;
}
.portlet-boundary_NominationManagement_WAR_NominationManagement_ table.nomSearch .col-2, /* date field */ .portlet-boundary_NominationManagement_WAR_NominationManagement_ table.nomSearch .col-4 {
	width:35%;
}


.nomination-actions, .approval-actions, .nomination-extra, .previous-page { /* main page sections */
	margin-top:20px
}


/*--- Approval Action ----*/
.approval-actions label {
	display:block;
	padding-bottom:10px;
}

.approval-actions label span {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display: inline;
	min-width:70px;
}

.ie6 .approval-actions label span {
	width:70px;
}

#award-amount-chooser { font-weight:bold; }

.approval-actions .button {
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
	*display: inline;
	margin-top:10px;
	margin-right:10px;
}

.nomination-actions .error-message {
	font-size:.9em;
	color:#E8308A;
}


/*------ Budget Portlet ----- */

.portlet-boundary_BudgetSummary_WAR_BudgetSummary_ { }
/*------- User Profile Form Portlet -------*/
.portlet-boundary_UserProfile_WAR_UserProfile_ {
}
.portlet-boundary_UserProfile_WAR_UserProfile_ table {
	border-collapse:collapse;
	width:100%;
}
.portlet-boundary_UserProfile_WAR_UserProfile_ td {
	padding: 5px 10px;
}
.portlet-boundary_UserProfile_WAR_UserProfile_ td:first-child {
	width:30%;
}
/* FOLLOW UP: need to be able to target table columns */
.portlet-boundary_UserProfile_WAR_UserProfile_ .col-1 {
	width:30%;
}
/*--------- User Avatar Portlet (Profile image) ----------*/
.portlet-boundary_UserProfile_WAR_UserProfile_ {
}
.portlet-boundary_UserAvatar_WAR_PortletUserAvtar6061_ table {
	width:100%;
}
.portlet-boundary_UserAvatar_WAR_PortletUserAvtar6061_ input[type="file"] {
	width:100%;	/* change width from 50% to 100% */
	/* lets include padding in width so inputs extend full width */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* -------- Contact Us Form -----*/
.portlet-boundary_ContactUs_WAR_Portlet_ {

}
.portlet-boundary_ContactUs_WAR_Portlet_ label {
	display:block;
	float:left;
	width:100px;
	text-align:left;
}
.portlet-boundary_ContactUs_WAR_Portlet_ input[type="text"],
.portlet-boundary_ContactUs_WAR_Portlet_ select,
.portlet-boundary_ContactUs_WAR_Portlet_ textarea {
	width:300px;
}
.portlet-boundary_ContactUs_WAR_Portlet_ textarea {
	height:120px;
}

.portlet-boundary_ContactUs_WAR_Portlet_ input[type="submit"] {
	margin-left:100px;
}

.portlet-boundary_ContactUs_WAR_Portlet_ .hint {
	margin-left:100px;
	margin-top:-10px;
}

.portlet-boundary_ContactUs_WAR_Portlet_ br {
	clear:both;
	display:block;
	margin:10px 0 0;
	content:"";
}


/*--------  User Admin -----------*/
.portlet-boundary portlet-boundary_UserAdmin_WAR_Portlet_ table {
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
.portlet-boundary portlet-boundary_UserAdmin_WAR_Portlet_  td {
	padding:5px 10px 10px 0;
}

/*------- Budget Management ------*/
.portlet-boundary_BudgetAdmin_WAR_PortletAdminRecognition_ #add h2,
.portlet-boundary_BudgetAdmin_WAR_PortletAdminRecognition_ #search h2,
.portlet-boundary_BudgetAdmin_WAR_PortletAdminRecognition_ #help {
	display:none;
}

.portlet-boundary_BudgetAdmin_WAR_PortletAdminRecognition_ table {
	border-collapse:collapse;
	border:none;
	border-spacing:0;
	width:100%;
}
.portlet-boundary_BudgetAdmin_WAR_PortletAdminRecognition_ td { /* spacing between fields */
	padding:5px 10px 10px 0;
	vertical-align:top;
}
.portlet-boundary_BudgetAdmin_WAR_PortletAdminRecognition_ td select {
	min-width:81%;
}


/* --------- Web Content Templates -----------*/

/** FEATURE COLUMNS 2 **/
.portlet .portlet .portlet-topper { /* remove gradient from nested portlet toppper */
	background-image:none;
	background-color:transparent;
	border-bottom:0;
	border-bottom:none;
}
.portlet .portlet .portlet-title {
	font-size:.9em;
}

.portlet .portlet {
	/*outline:2px solid #dadada;*/
	border:1px solid #dadada;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow:none;
	box-shadow: none;
}




/*-------- FAQ Template -------*/

.faq-list dt {
	text-transform:uppercase;
	font-weight:bold;
}
.faq-list dt .faq_num {
	color:#691260;
}
.faq-list dt .faq-ques {

}
.faq-list dd.faq-ans {
	margin-bottom:10px;
	margin-left:0;
}


/*----- Misc -----*/
.errorMessage { display:block; color:red; }

.portlet-login .portlet-msg-error:first-child { /* FIX double error message on login portlet */
	display:none;
}

.ajax-loader { /* loader with spinner */
	padding-left:25px;
	background:transparent url(../images/aui/loading_indicator.gif) no-repeat;
}

/* Video modal */
p.video a { /* links to youtube videos etc that open in lightbox */
	display:block;
	padding-left:25px;
	background:transparent url(../images/sprite-menu-icons.png) 0px -450px no-repeat;
	line-height:20px; /* height of icon */
	text-transform:uppercase;
}