.html {
	overflow-y: scroll;
}

body {
	font-size: 12px;
	font-family: Arial,Helvetica,MSGothicUI,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif, sans-serif;
	background: #fff;
	padding: 0;
	margin: 0;
	color: #333;
}

p {
	margin: 0;
}

.unindentedP {
	margin-top: 0;
}

p.userContent,
.userContentP {
	margin-top: 12px !important;
}

img {
	border: 0;
}


.custom1Anchor,
a {
	color: #f99b25;
	font-weight: bold;
	text-decoration:none;
	cursor: pointer;
}

input,
textarea
{
	outline: 0;
}


a:hover {
	text-decoration: underline;
	color: #f99b25;
}

a.inverseLink {
	text-decoration: underline;
}

a.inverseLink:hover {
	text-decoration: none;
}

h1 {
	font-size: 16px;
	font-weight: bold;
}

h2 {
	font-size: 14px;
	font-weight: bold;
}

h1,h2,h3,h4 {
	padding: 0;
	margin: 0;
}

ul,ol {
	padding: 0;
    margin: 0 0 0 18px;
}

li {
	padding: 0;
	margin: 0;
}

img {
	-ms-interpolation-mode: bicubic;
}

img {
	-ms-interpolation-mode: bicubic;
}

* * .cHidden,
* .cHidden,
.cHidden,
.cHidden *,
.cHidden .clearfix {
	display: none !important;
}

* .exiledHidden {
	position: absolute;
	top: 0;
	width: 200px;
	left: -20000px;
	_height: 1px;
	height: 1px;
}


pre {
	display: inline;
	font-family: Arial, Helvetica Neue, Helvetica,sans-serif;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


.clearfix {
	display: block;
}


.supfix,
.subfix {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
}

.subfix {
	top: 0.4em;
}


.horizontalRule {
	background: #ccc;
	font-size: 0;
	line-height: 0;
	margin: 15px 0 7px;
	height: 1px;
	width: 100%;
}


.white {
	background-color: white;
}


/* Inner body styles */
.hideScrollBar .scrollBar {
	opacity: 0;
	filter: alpha(opacity = 0);
}

.scrollBarHidden {
	min-height: 0 !important;
	_height: auto !important;
	overflow: hidden;
}

#innerBody {
	margin: 0;
    padding: 0 0 60px;
}

.legacyIPad #innerBody {
	padding: 10px;
}

#dialogBackground {
	position: absolute;
	z-index: 110;
	top: 0;
}

.msie #dialogBackground {
	filter: alpha(opacity = 1);
	background-color: black;
	zoom: 1;
}
.msie10 #dialogBackground {
	opacity: 0;
}

.qSmallRoundButtonInverseLeft {
	height: 25px;
	background: url(/images/buttons/smallRoundedButtonBackground.png) no-repeat 0 -25px;
	float: left;
	cursor: pointer;
	padding-left: 22px;
	text-align: center;
	margin-right: 1px;
	text-decoration: none !important;
}

.qSmallRoundButtonInverseRight {
	height: 25px;
	background: url(/images/buttons/smallRoundedButtonBackground.png) repeat-x -343px -25px;
	padding-right: 28px;
	float: left;
	margin-right: -1px;
	text-decoration: none !important;
}

.qSmallRoundButtonInverse{
	height: 21px;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: #f47030;
	white-space: nowrap;
	text-decoration: none;
	line-height: 25px;
}

.qSmallRoundButtonInverseLeft:hover,
.qSmallRoundButtonInverseLeft:focus {
	background-position: 0 0 !important;
}

.qSmallRoundButtonInverseLeft:hover .qSmallRoundButtonInverseRight,
.qSmallRoundButtonInverseLeft:focus .qSmallRoundButtonInverseRight {
	background-position: right 0 !important;
}

.qSmallRoundButtonInverseLeft:hover .qSmallRoundButtonInverse,
.qSmallRoundButtonInverseLeft:focus .qSmallRoundButtonInverse
{
	color: #fff !important;
	background: #009ac8 -24px 0 !important;
	text-decoration: none;
}

.qSmallRoundButtonLeft{
	height: 25px;
	background: url(/images/buttons/smallRoundedButtonBackground.png) no-repeat;
	float: left;
	cursor: pointer;
	padding-left: 14px;
	text-align: center;
	margin-right: 1px;
	text-decoration: none !important;
}

.qSmallRoundButtonRight{
	height: 25px;
	background: url(/images/buttons/smallRoundedButtonBackground.png) repeat-x right 0;
	float: left;
	margin-right: -1px;
	text-decoration: none !important;
}

.qSmallRoundButton{
	height: 21px;
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: #009ac8;
	white-space: nowrap;
	text-decoration: none;
	line-height: 25px;
	margin-right:12px;
}

.qSmallRoundButtonLeft:hover,
.qSmallRoundButtonLeft:focus {
	background-position: 0 -25px;
}

.qSmallRoundButtonLeft:hover .qSmallRoundButtonRight,
.qSmallRoundButtonLeft:focus .qSmallRoundButtonRight
{
	background-position: right -25px;
}

.qSmallRoundButtonLeft:hover .qSmallRoundButton,
.qSmallRoundButtonLeft:focus .qSmallRoundButton
{
	background-position: -24px -25px;
	color: #fff !important;
	background: #f47030;
	text-decoration: none;
}

.disabledButton .qSmallRoundButtonRight,
.disabledButton:hover .qSmallRoundButtonRight,
.disabledButton:active .qSmallRoundButtonRight
{
	background-position: right bottom !important;
}

.disabledButton .qSmallRoundButton,
.disabledButton:hover .qSmallRoundButton,
.disabledButton:active .qSmallRoundButton
{
	background: #999 -24px bottom !important;
	text-decoration: none;
}

/* Standard button definitions */
html body .disabledButton,
html body .disabledButton:active,
html body .disabledButton:hover
{
	background-position: left bottom !important;
	cursor: default !important;
}

/* Must be very specific in order to avoid using !important (!important breaks PIE) */
.smallRoundButton2 {
	background-color: #FFF;
	border-radius: 3px;
	color: #F47030 !important;
    border: 1px solid #F47030;
    display: inline-block;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	text-decoration: none;
	white-space: nowrap;
}

.smallRoundButton2:hover {
	background-color: #F47030;
	color: #FFF !important;
	border-color: #FFF;
	text-decoration: none !important;
}

.smallRoundButton {
	background-color: #009ac8;
	border-radius: 3px;
	color: white !important;
	display: inline-block;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	padding: 0 15px !important;
	text-decoration: none;
	white-space: nowrap;
}

.roundButton {
	background-color: #F99B25;
	border-radius: 2px;
	color: white !important;
	display: inline-block;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	height: 35px;
	line-height: 35px;
	padding: 0 15px !important;
	text-decoration: none !important;
	white-space: nowrap;
	border: solid 1px #F99B25;
}

.smallRoundButton.disabledButton:focus,
.smallRoundButton.disabledButton:hover,
.smallRoundButton.disabledButton
{
	background-color: #999;
}

.nopie .smallRoundButton
{
	behavior: none !important;
}

.smallRoundButton:hover {
	background-color: #f47030;
	cursor: pointer;
	text-decoration: none;
}

.smallRoundButton:focus {
	background-color: #f47030;
	cursor: pointer;
	text-decoration: none;
}

.largeRoundButton {
	background-color: #333;
	border-radius: 3px;
	color: white;
	display: inline-block;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	height: 20px;
	padding: 5px 10px;
	text-decoration: none;
	behavior: url(/css/PIE.htc);
}

.largeRoundButton:hover {
	background-color: #f47030;
	cursor: pointer;
	text-decoration :none;
}

.msie9 .largeRoundButton {
	padding-top: 7px;
	padding-bottom: 3px;
}

.smallOrangeButton
{
	background-color: #f47030;
	border-radius: 3px;
	color: white !important;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	padding: 0 15px;
	text-decoration: none;
	white-space: nowrap;
}

.smallOrangeButton:hover,
.smallOrangeButton:focus {
    background-color: #009ac8;
    cursor: pointer;
    text-decoration:none;
}

.smallOrangeButton:focus {
    background-color: #009ac8;
    cursor: pointer;
    text-decoration:none;
}

.squareButton {
	background-color: #009ac8;
	color: white;
	display: inline-block;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 15px;
	text-decoration: none;
	padding: 12px 10px 11px;
}
.squareButton:hover {
	background-color: #f47030;
	cursor: pointer;
	text-decoration:none;
}
.msie9 .squareButton {
	padding-top: 6px;
	padding-bottom: 4px;
}

.formButton {
	background-color: #ccc;
	border-radius: 3px;
	box-shadow: inset 1px -2px 3px #999;
	-moz-box-shadow: inset 1px -2px 3px #999;
	-webkit-box-shadow: inset 1px -2px 3px #999;
	color: black;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 15px;
	padding: 5px 10px;
	text-decoration: none;
}

.formButton:hover {
	background-color: #f47030;
	color: white;
	text-decoration: none;
	cursor: pointer;
}
.formButton:focus {
	background-color: #f47030;
	color: white;
	text-decoration: none;
	cursor: pointer;
}
.formButton:active {
	background-color: #009ac8;
	color: white;
	text-decoration: none;
}
.msie .formButton {
	border-width: 0;
	behavior: url(/css/PIE.htc);
}

.msie9 .formButton {
	padding-top: 6px;
	padding-bottom: 4px;
}

.titleBarButton {
	font-weight: bold;
}

.titleBarButton:first-letter {
	text-transform: uppercase;
}

.topHeader {
	background: #fff;
	z-index: 90;
    height: 119px;
    position: static;
}


.topHeader .right {
    float: right;
    margin-top: 20px;
    width: 550px;
}

.topHeader .right .photo {
    float: right;
    width: 30px;
    height:52px;
    position: relative;
    top: 0;
    cursor: pointer;
}

.topHeader .right .photo img {
    width: 28px;
    height: 38px;
    border: 1px solid #dadada;
}

.topHeader .right .photo .foil {
    position: absolute;
    left: 10px;
    top: 20px;
    height: 24px;
    width: 24px;
}

.topHeader .right .photo .foil img {
    border: none;
    height: 24px;
    width: 24px;
}


.searchBox {
	border: 1px solid #8c8c8c;
	float: right;
	width: 287px;
}

.searchBox input {
	border: 0;
	height: 20px;
	line-height: 20px;
	padding-top: 1px;
	padding-left: 4px;
	width: 238px;
	float: right;
}

.searchBox .qBlueButtonRight {
	padding-right: 2px;
}

.searchBox .qBlueButtonLeft {
	padding-left: 2px;
	margin: -1px -1px -1px 0;
	float: right;
}



.topHeader-alertMenu {
    height: 20px;
    position: absolute;
}

.topHeader-alertMenu .alertMenuTop {
	position: relative;
}

.topHeader-alertMenu .alertLabel {
	color: #009ac8;
	float: left;
	font-weight: bold;
}


.topHeader-alertMenu .alertNumberBox {
	background: url(/images/icons/alerts_sprite.gif) no-repeat;
	float: left;
	height: 12px;
	width: 5px;
}


.topHeader-alertsContainer {
    float: right;
    top: 10px;
    margin-right: 23px;
    width: 56px;
    height: 20px;
    position: relative;
    z-index: 90;
}


.alertMenuDropDown {
	position: relative;
	width: 360px;
	border-bottom: 1px solid #dadada;
	border-top: none;
    text-align: left;
    overflow: hidden;
    border-radius: 4px;
    -moz-box-shadow: 0 0 6px 4px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 0 6px 4px rgba(0,0,0,0.25);
    box-shadow: 0 0 6px 4px rgba(0,0,0,0.25);
    border-bottom: none;
    border-top: none;
}



.alertMenuDropDown .alert {
	background-color: #f5f7e9;
}



.alertMenuDropDown .completed .alertMenuLink,
.alertMenuDropDown .opened .alertMenuLink
{
	font-weight: normal;
	color: #666666;
}


.alertMenuDropDown .alertMenuTitle {
	color: #009ac8;
	text-transform: uppercase;
}
.alertMenuDropDown .alertMenuLink {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.alertMenuDropDown .doNotBold .alertMenuLink {
	font-weight: normal;
}

.hoverItem .alertMenuLink {
	text-decoration: underline;
}

.alertMenuDropDown .alertMenuLinkText {
	display: table-cell;
	vertical-align: middle;
}

.alertMenuDropDown .alertMenuDropDownColumn {
	float: left;
}

.topHeader .alertMenu .alertNumber {
	background: #f47030;
	display: inline-block;
	_display: inline;
	#display: inline;
	font-size: 9px;
	color: #fff;
	position: relative;
}


#accountMenu {
	color: #666;
	float: right;
	height: 15px;
	padding: 0;
	text-align: left;
	position: relative;
}


#accountMenu .accountMenuSubtitle {
	color: #333;
	display: block;
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
	margin-bottom: 3px;
	padding-top: 6px;
	text-decoration: none;
}

#accountMenuHeader {
	cursor: pointer;
	margin-right: 1px;
	padding: 0 14px 5px 0;
	position: relative;
	text-align: right;
	top: 10px;
	z-index: 93;
}

#accountMenuHeader #accountName {
	color: #2B4755;
	font-size: 18px;
	font-weight: 300;
	text-align: right;
}

.menuIsHovered #accountName {
	color: #f47030;
}
.hoverItem .menuBorder {
	display: none !important;
}


#accountMenu #memberHelpLink {
}




.alertLabelContainer {
    height: auto;
    width: auto;
    padding: 0;
    position: static;
}

.alertLabel {
    background: url(/images/qmd/icons/sprite_alerts.png) no-repeat;
    height: 20px;
    width: 20px;
}


.headerMenuContainer .menuItem {
	color: #000;
	float: left;
	height: 40px;
	text-align: center;
}

.headerMenuContainer .innerChildItem {
	cursor: pointer;
	text-align: left;
	color: #333;
	display: block;
	font-size: 12px;
	font-weight: normal;
	line-height: 13px;
	overflow: hidden;
	padding: 7px 16px 0;
}

.headerMenuContainer .innerChildItem:hover {
	color: #f47030 !important;
	text-decoration: none;
}

.headerMenuContainer .menuItem {
	border-top: 4px solid #009ac8;
	overflow: hidden;
	padding-top: 10px;
}

.headerMenuContainer .activeMenu {
	border-top-color: #085179;
	margin-left: -1px;
	padding-left: 1px;
}

.headerMenuContainer .menuItem .menuItemTitle {
	color: #333;
	font-family: Arial,Helvetica,MSGothicUI,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif, sans-serif;
	font-weight: bold;
	font-size: 14px;
	overflow: hidden;
	/*-webkit-text-stroke: #666 1px;*/
}

.JA .headerMenuContainer .menuItem .menuItemTitle,
.ZH .headerMenuContainer .menuItem .menuItemTitle
{
	_font-family: Arial, "lucida grande", Tahoma, Verdana,
	'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
}

.osx .headerMenuContainer .menuItem .menuItemTitle {
	-webkit-text-stroke-width: 0;
	text-shadow: none;
}

.headerMenuContainer .menuItem .shrinkerWrapper {
	margin: -5px -25px;
}


.headerMenuContainer .menuItem .menuItemShrinker {
	font-size: 40px;
	line-height: 131px;
	-webkit-transform: scale(0.34);
	-webkit-transform-origin: 0 0;
	-moz-transform: scale(0.34);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.34);
	-o-transform-origin: 0 0;
	-ms-transform: scale(0.34);
	-ms-transform-origin: 0 0;
	transform: scale(0.34);
	transform-origin: 0 0;
	white-space: nowrap;
	text-align: center;
	background: #fff;
}

.headerMenuContainer .activeMenu .menuItemShrinker {
	background: #f9f9f9;
}



.visibleAccountMenuDropDown {
	background: #fff;
	border-bottom: 1px solid #dadada;
	margin-top: -26px;
	padding-top: 26px;
	opacity: 1;
	visibility: visible;
}

.hiddenAccountMenuDropDown {
    background: #fff;
    margin-left: -10000px;
    opacity: 0;
    visibility: hidden;
}

.visibleAlertMenuDropDown {
	background: #fff;
	opacity: 1;
	visibility: visible;
	z-index: 91;
}

.hiddenAlertMenuDropDown {
	opacity: 0;
	visibility: hidden;
	z-index: 0;
}


.qBlueButtonLeft {
	height: 24px;
	background: url(/images/buttons/qbutton_blue.gif) no-repeat;
	float: left;
	cursor: pointer;
	padding-left: 22px;
	text-align: center;
}

.qBlueButtonRight {
	height: 24px;
    background: url(/images/buttons/qbutton_blue.gif) repeat-x right 0;
    padding-right: 22px;
    float: left;
	margin-right: -1px;
}

.qBlueButton {
	height: 20px;
	color: #06495E;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	background: url(/images/buttons/qbutton_blue.gif) no-repeat -24px 0;
	padding-top: 4px;
	width: 60px;
	white-space: nowrap;
}

.modalDialog {
	display: block;
	position: absolute;
}


.modalDialogTitle {
    margin: 0 0 15px;
    background-color: #FFFFFF;
	color: #00AEB5;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 24px;
	font-weight: 600;
	text-align: left;
}

.modalDialogTitleIcon {
	display: none;
	background-color: #FFFFFF;
	float: left;
	height: 0;
	width: 0;
}

.modalDialogClose {
	cursor: pointer;
}

.modalDialogClose .close{
	font-family: "Source Sans Pro", sans-serif;
	font-weight: bold;
	color: #ffffff;
	font-size: 16px;
	position: absolute;
	top: -28px;
	left: 0;
}

.modalDialog .hover {
	background-position: -55px 0;
}

.overDialogButton {
	height: 16px;
	background-color: #f47030;
	float: left;
	cursor: pointer;
	padding-left: 17px;
	padding-right: 17px;
	border: 1px solid #f47030;
}

/* @end */

/* @group Global Layout */
#pageContainer {
	width: 973px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 5px;
}


#headerLogo {
    float: none;
    position: static;
    margin-top: 0;
}


#headerLogo img {
    width: 326px;
    height: 38px;
}

.topHeader .row1,
.topHeader .row2 {
	float: right;
	clear: right;
	min-width: 750px;
	text-align: left;
}

.topHeader .row1 {
	margin: 6px 0 9px;
}

.chrome .topHeader .row1 {
	height: 15px;
}

.topHeader .row2 {
	top: 24px;
}



#innerBody {
    border-top: solid 4px #f99b25;
	padding-bottom: 24px;
    font-family: "Source Sans Pro", sans-serif;
}



.univWhiteBgBtn {
	background-color: white;
	color: #F99B25 !important;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	height: 35px;
	line-height: 35px;
	padding: 0 15px !important;
	text-decoration: none !important;
	white-space: nowrap;
	cursor: pointer;
	border: solid 1px #F99B25;
	border-radius: 2px;
}


.univWhiteBgBtn:hover {
	background-color: #FFF3CF;
	color: #F99B25;
	border: solid 1px #F99B25;
}

.univWhiteBgBtn.grey {
	color: #AFAFAF;
	border-color: #AFAFAF;
}


.univOrangeBgBtn {
	background-color: #F99B25;
	color: white !important;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	height: 35px;
	line-height: 35px;
	padding: 0 15px !important;
	text-decoration: none !important;
	white-space: nowrap;
	cursor: pointer;
    border: solid 1px #F99B25;
	border-radius: 2px;
}

.univOrangeBgBtn:hover{
	background-color: #FFF3CF;
	color: #F99B25 !important;
	border: solid 1px #F99B25;
}


.textCapitalize{
    text-transform: capitalize;
}


#btnNextQuestion{
    text-transform: capitalize;
}




#topHeaderContent {
	height: 109px;
}

#topHeaderSep {
	width: 100%;
	/*height: 14px;*/
	position: absolute;
	left: 0;
	overflow: visible;
	border-bottom: 1px solid #CFD8DC;

}


#headerLoginBox {
    /* This makes the register and login buttons vertically centered in the header*/
    margin-top:39px;
}


#header-regBtn,
#header-loginBtn
{
	float: right;
	margin-left:6px;
    font-size: 14px;
    font-weight: normal;
}



#searchContainer {
    position: static;
    left: 239px;
    top: 24px;
	height: 35px;
}

#searchContainer .invert  {
    cursor: pointer;
    background-position: 269px 9px !important;
}


#searchContainer #qSearchRequest {
	border: 1px solid #CFD8DC;
	color: #7A919B;
	float: right;
	font-size: 14px;
	font-weight: 300;
	line-height: 0;
	height: 100%;
	margin: 0;
	padding: 0 30px 0 13px;
	width: 256px;
	background: url(/images/qmd/icons/header-icon-search.png) no-repeat 269px 9px;
}


#searchContainer #qSearchRequest::-ms-clear {
	display: none;
}


#topHeader-accountInfo {
	margin-top: 8px;
	height: 40px;
}

.topHeader-accountInfo-photo {
	float: right;
    position: relative;
    top: 0;
	width: 30px;
	height: 40px;
	cursor: pointer;
}

.topHeader-accountInfo-photo-img {
	width: 28px;
	height: 38px;
    border: 1px solid #dadada;
}


.topHeader-accountInfo-photo-foil-img {
    position: absolute;
    left: 10px;
    border: none;
    height: 24px;
    width: 24px;
	top: 20px;
}

.qpointBalance.available {
	color: #2B4755;
	font-size: 18px;
	font-weight: 300;
	text-align: right;
}


.downArrow {
	background: url(/images/qmd/icons/header-icon-profile-menue.png) no-repeat 0 0;
	width: 13px;
	height: 7px;
	margin-left: 11px;
	display: inline-block;
}


/* Account profile drop down menue for univadis branding*/



#accountMenuDropDown .accountMenuLink {
    color: #333;
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    padding-top: 6px;
    text-decoration: none;
}

#accountMenuDropDown .accountMenuLinkListItem {
    background: url(/images/headers/menu_bullet_bw.png) left 9px no-repeat;
    color: #333;
    vertical-align: middle;
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    margin-left: 2px;
    padding-top: 4px;
    padding-bottom: 3px;
    text-decoration: none;
    padding-left: 18px;
}

#accountMenuDropDown a:hover {
    color: #f47030 !important;
}




#accountMenuDropDown {
    border: 1px solid #ccc;
    color: #333;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    margin: 3px 0;
    overflow: hidden;
    position: absolute;
    z-index: 91;
	width: 254px;
	top: 79px;
	right:-30px;
	padding: 35px 23px 16px 23px !important;
	border-radius: 4px;
	-moz-box-shadow: 0 0 6px 4px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 0 6px 4px rgba(0,0,0,0.25);
	box-shadow: 0 0 6px 4px rgba(0,0,0,0.25);
	border-bottom: none;
	border-top: none;
}


#accountMenuDropDown .menueBullet {
	width: 8px;
	height: 8px;
	background-color: #00B1B7;
	margin-left: 50%;
	margin-top: -25px;
	border-radius: 50%;
}



#accountMenuDropDown .accountMenuSubtitle{
	color: #00B1B7;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}

#accountMenuDropDown .accountMenuLinkListItem {
	color: #212121;
	font-size: 16px;
	line-height: 24px;
	padding : 0 0 0 10px;
}

#accountMenuDropDown .accountMenuLink{
	color: #212121;
	font-size: 16px;
	line-height: 24px;
	padding : 0 0 0 0;
}



/* Q-point drop down menue*/


#pointsAlertMenu-DropDownContainer{
    position: absolute;
    top: 43px;
    left: -144px !important;
    visibility: hidden;
}

#pointsAlertMenuDropDown {
	width: 254px;
	position: absolute;
	padding: 35px 23px 16px 23px !important;
}


#pointsAlertMenuDropDown  .menueBullet {
	width: 8px;
	height: 8px;
	background-color: #00B1B7;
	margin-left: 50%;
	margin-top: -25px;
	border-radius: 50%;
}

#pointsAlertMenuDropDown .topAlertLinkRow{
    background: none;
	width: auto;
	height: auto;
}


#pointsAlertMenuDropDown .alertBurst,
#pointsAlertMenuDropDown .noActivityImg img
{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
}



.alertMenuDropDown .alertMenuLinkRow {
	padding: 12px 0 6px 0;
    margin-right: -1px;
	border-bottom: none;
}



.alertMenuDropDown .alertMenuLinkRow #introRow{
	display : none;
}



.alertMenuDropDown .alertMenuLinkRow .tile {
	float: none;
	padding-left: 40px;
	width: auto;

}

.alertMenuDropDown  .alertMenuLinkRow #titleRow,
.alertMenuDropDown  .alertMenuLinkRow .noActivityContainer
{
	color: #212121;
	font-size: 16px;
	line-height: normal;
	height: auto;
}



.alertMenuLinkRow2 .topics {
    font-size: 0.8em;
    color: #999;
    overflow: hidden;
}

.alertMenuLinkRow a {
    color: #212121	;
    font-weight: normal !important;
    font-size: 16px;
    line-height: 24px;
    padding : 0 0 0 0;
    text-decoration: none;
}


.alertMenuLinkRow .privateDiscussions .photo {
    float: left;
}

.alertMenuLinkRow .privateDiscussions .photo img {
    width: 39px;
    height: 52px;
}

.alertMenuLinkRow .privateDiscussions .detailsText {
    float: none;
    padding-left: 40px;
    width: auto;

}

.alertMenuLinkRow .privateDiscussions .detailsText .prefixLine a {
    font-size: 11px;
    color: #999;
}

.alertMenuLinkRow .privateDiscussions .detailsText .name a {
    font-weight: bold;
    font-size: 12px;
    color: #333;
}

.alertMenuLinkRow .privateDiscussions .hoverItem .prefixLine {
    text-decoration: underline;
}

.alertMenuLinkRow .privateDiscussions .hoverItem .name {
    text-decoration: underline;
}

.alertMenuLinkRow .privateDiscussions .detailsText .credentials {
    font-size: 11px;
    color: #999;
}


.alertMenuDropDown .alertMenuLinkRow .alertAuthorPhoto {
    float:left;
    height:60px;
    width:45px;
}



#pointsAlertMenuDropDown .smallTitleAlert {
	color: #00B1B7;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-transform: none;
}

#pointsAlertMenuDropDown .alertMenuLinkRow.alertLastRow,
#pointsAlertMenuDropDown .alertMenuLinkRow .lastRowText
{
	text-align: left;
	background: none;
	padding: 0;
	height: auto;
	border: none;
}



/* Discussion  drop down menue*/

#discussionsAlertMenu-DropDownContainer{
	position: absolute;
    top: 43px;
	left: -144px !important;
    visibility: hidden;
}

#discussionsAlertMenuDropDown {
	width: 254px;
	position: absolute;
	padding: 35px 23px 16px 23px !important;
	/*
	-moz-box-shadow:  0 0 6px 4px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 0 6px 4px rgba(0,0,0,0.25);
	box-shadow: 0 0 6px 4px rgba(0,0,0,0.25);*/
}


#discussionsAlertMenuDropDown  .menueBullet {
	width: 8px;
	height: 8px;
	background-color: #00B1B7;
	margin-left: 50%;
	margin-top: -25px;
	border-radius: 50%;
}

#discussionsAlertMenuDropDown .topAlertLinkRow{
	background: none;
	width: auto;
	height: auto;
}

#discussionsAlertMenuDropDown .photo,
#discussionsAlertMenuDropDown .noActivityImg img
{
	display: block;
	float: left;
	width: 32px;
	height: 32px;
}

#discussionsAlertMenuDropDown .photo img {
	width: 32px;
	height: 43px;
}



.alertMenuDropDown .alertMenuLinkRow .topicRow{
	display : none;
}



#discussionsAlertMenuDropDown .alertMenuLinkRow .sender{
	color: #00B1B7;
	font-size: 16px;
}



#discussionsAlertMenuDropDown .smallTitleAlert {
	color: #00B1B7;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;

	text-transform: none;
}

#discussionsAlertMenuDropDown .alertMenuLinkRow.alertLastRow,
#discussionsAlertMenuDropDown .alertMenuLinkRow .lastRowText
{
	text-align: left;
	background: none;
	padding: 0;
	height: auto;
	border: none;
}


#discussionsAlertMenuDropDown .name{
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

#discussionsAlertMenuDropDown .alertMenuLinkRow .name{
    display : none;
}

#discussionsAlertMenuDropDown .dts{
    color:#333333;
    font-size:10px;
    font-weight:bold;
}



/* Alerts buttons */

#pointsAlertMenu {
    left: 0;
}


#discussionsAlertMenu {
	left: 38px;
}


#pointsAlertMenuHeader {
	background-image: url(/images/qmd/icons/header-icon-notification-qpoints.png);
	background-position: 0 0 !important;
	background-repeat: no-repeat;
}


#discussionsAlertMenuHeader {
	background-image: url(/images/qmd/icons/header-icon-notification-message.png);
	background-position: 0 2px !important;
	background-repeat: no-repeat;
}


/*********************************************/
/*Notification Bulb for Univadis branded theme*/
/********************************************/


.topHeader-alertNumberContainer {
	display: block;
	position: absolute;
	top : -7px;
	left: 10px

}

.topHeader-alertNumberBoxU {
	display: block;
	background: white;
	width: auto;
	height: 16px;
	min-width: 16px;
	border-radius: 8px;
	border-spacing: 1px;
}


.topHeader-alertNumberBoxU-circlebg {
	background: #F99B25;
	height: 14px;
	width : auto;
	min-width: 14px;
	margin: 1px;
	color: white;
	font-size: 8px;
	font-weight: bold;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	border-radius: 7px;
}



.topHeader .left {
	margin-top: 20px;
	float: left;
}



#tabMenue {
	width: 180px;
	height: 48px;
}

.tabMenueItem {
	display: inline-block;
	padding-top: 13px;
	width: 49%;
	height: 100%;
	font-size: 18px;
	color: #F99B25;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}


.tabMenueItem.selected {
	color: #00B1B7;
	border-bottom: solid 4px #00B1B7;
}


.bodyContainer {
	padding: 0;
}


#footerWrapper {
	border-top: none;
}

#footerLogo img {
	height: 21px;
	margin-top: 39px;
	width: 90px;
}

#footerLogo {
	height: auto;
	text-align: left;
}


.footerMenuBrief {
	width: 650px;
	color: #B0B0B0;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 14px;
	line-height: 17px;
	padding-bottom: 20px;
	padding-top: 20px;
}

.footerMenuLeft {
	width: 650px;
	float: left;
	padding-right: 23px;
	border-right: 1px solid #CFD8DC;
}

.footerMenuRight::before {
	content: '';
	height: 220px;
	display: block;
	/*border-left: 1px solid #CFD8DC;*/
	float: left;
	margin-right: 19px;
}

.footerPageLinks {
	color: #F99B25;
	font-size: 14px;
	line-height: 15px;
	font-family: "Source Sans Pro", sans-serif;
}

.footerPageLinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footerPageLinks ul li a {
	color: #F99B25;
	font-weight: normal;
}

.footerPageLinks ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

.footerPageLinks ul li.listSeparate {
	margin: 0 6px;
}

.footerMenuClause {
	/*padding-top: 14px;*/
	padding-top: 12px;
	width: 580px;
	color: #B0B0B0;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 12px;
	line-height: 15px;
	clear: both;
}

.footerTermLinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footerTermLinks ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

.footerTermLinks {
	color: #2B4755;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 12px;
	line-height: 15px;
	padding-top: 13px;
}

.footerTermLinks ul li.listSeparate {
	margin: 0 6px;
}


.footerTermLinks a {
	color: #2B4755;
	text-decoration: underline;
}

.footerCopyright {
	clear: both;
	padding-top: 13px;
	color: #B0B0B0;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 10px;
	line-height: 15px;
}

.footerRightTitle {
	color: #00AEB5;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 16px;
	line-height: 15px;
	margin-bottom: 14px;
}

.downloadBtnLink li img {
	width: 111px;
}

.downloadBtnLink li {
	padding-right: 5px;
	display: inline-block;
}

.contactUs {
	padding-top: 25px;
}

.contactDetail {
	color: #868686;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 12px;
	line-height: 15px;
}

.contactMail {
	color: #F99B25;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 12px;
	line-height: 15px;
	display: block;
	margin-top: 11px;
	text-decoration: underline;
}


#regdlg-background,
#profileDlg-background
{
    position: absolute;
    z-index: 110;
    top: 0;
    opacity: .5;
    background-color: #2b4755;
}


#regdlg-innerDialog {
    position: absolute;
    z-index: 111;
    font-size: 12px;

	width: 350px;
	background : white;
	color: black;
	padding: 0;
	border-radius: 4px;
	box-shadow: 0 0 6px 4px rgba(0,0,0,0.25);
}

#regdlg-innerDialog .innerPage{
	padding: 22px 25px;
	overflow-y: auto;
	height: 90%;
	position: relative;
}


#regdlg-innerDialog input,
#regdlg-innerDialog select {
	width: 100%;
	height: 35px;
	font-size: 16px;
	color: #010101; /*#00B1B7;*/
	border: 1px solid #AFAFAF;
	padding: 0 12px;
	box-sizing:border-box;
	border-radius: 2px;
	outline:none;
}

#regdlg-innerDialog select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    display: inline-block;
    background: #FFFFFF url(/images/qmd/icons/header-icon-profile-menue.png) no-repeat right center;
    background-origin: content-box;
    z-index:10;
}

#regdlg-innerDialog select::-ms-expand {
    /* This is the equivalent of appearance:none; for IE >=9*/
    display: none;
}


#regdlg-innerDialog select option{
    background-color: white !important;
}




#regdlg-innerDialog input.hasDefaultColor,
#regdlg-innerDialog select.hasDefaultColor
{
	color: #AFAFAF  !important;
}

#regdlg-innerDialog input.hasDefaultColor.hasFocus,
#regdlg-innerDialog select.hasDefaultColor.hasFocus
{
	color: #F99B25 !important;
}


#regdlg-innerDialog .hasFocus {
	border: 2px solid #F99B25;

}

#regdlg-innerDialog .hasError{
	border: 2px solid #e6245c !important;
}




#regdlg .error{
	color: #e6245c;
	font-size: 14px;
	width: auto;
	height: auto;
	float: none;
}


.regdlg-pageTitle {
	color: #00B1B7;
	font-size: 24px;
	font-weight: normal;
}


#regdlg .dlgSectionTitle{
	color: #00B1B7;
	font-size: 18px;
	font-weight: 600;
	margin-bottom:3px;

}

#regdlg .compaignSection{
	font-size: 16px;
	font-weight: 600;
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	margin-top: 15px;
	margin-bottom: 15px;
}

#regdlg .message{
	margin-bottom: 15px;
}

#regdlg img{
	width: 100%;
}

.regdlg-italicsText  {
	color: #2A4755;
	font-family: "PT Serif",serif;
	font-size: 14px;
	font-style: italic;
}


#regdlg .row.sectionDesc {
	margin-bottom: 16px;
}




.regdlg-termsContainer {
    color: #868686;
    font-size: 12px;
    font-weight: normal;
    padding: 6px 0;
}

.regdlg-termsContainer a,
.regdlg .registerContactUs {
    text-decoration: underline;
	color: #868686;
	font-size: 12px;
	font-weight: normal;
}


.regdlg-credentialsBlock {
    width: auto;
}

.regdlg-credBtn {
    background-color: white;
    color: #F99B25;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    height: 35px;
    line-height: 35px;
    text-decoration: none !important;
    white-space: nowrap;
    cursor: pointer;
    border: solid 1px #F99B25;
    border-radius: 2px;
    margin-right: 6px;
    float: left;
    overflow: hidden;
    /* padding for desktop*/
    padding: 0 9px !important;

}


.regdlg-credBtn.grey {
    color: #afafaf;
    border-color: #afafaf;
}

.regdlg-credBtn.grey.selected {
	color: white;
	border-color: #00B1B7;
	background-color: #00B1B7;
	font-weight: 700;
}

.regdlg-credBtn.lastOption {
    /* for "other" */
    overflow: hidden;
    width: 31px;
    margin-right: 0;
    float: right;
}



#regcredOtherTextInputWrapper {
    overflow: auto;
}

#regcredOtherTextInput {
    /* indent edit box to make it stand out. */
    width: 95% !important;
    float: right;
}



.regdlg-actionBtnRow-registerPage  {
    margin-top:6px;
}



.regdlg-join {
    display: inline-block;
}

.regdlg-join .univOrangeBgBtn {
    margin: 0;
}

.regdlg-join .univOrangeBgBtn.hasFocus{
    color: white;
    border: 1px solid #F99B25;
}



.regdlg-actionBtnRow {
    margin-top:19px;
    margin-bottom:11px;
}


.regdlg-actionBtnRow-resetPasswordPage,
.regdlg-actionBtnRow-reLoginPage
{
    margin-top:19px;
}


.regdlg-resetPwMsg {
	font-size :14px;
	color: #868686;
}

.regdlg-resetPwMsg a,
.regdlg-contactUsLink
{
	text-decoration :underline;
	color: #F99B25;
	font-weight: normal;
    cursor: pointer;
}


#regdlg .centerLabelp3 {
    text-align:center;
    display:inline-block;
    margin:0;
}

#regdlg .dupRegistrationH1{
	font-weight: normal !important;
	color: #00B1B7 !important;
	font-size: 18px;
}

#regdlg .dupRegistrationH2{
    font-weight:normal !important;
}


#regdlg-goBackBtn,
#profileDlg-goBackBtn
{
	color: #FFFFFF;
	font-size: 21px;
	font-weight: bold;
	position: absolute;
	top: -25px;
	left: 0;
	line-height: 18px;
	cursor :pointer;
    width: 100%;
}


#regdlg-pwdOnlyPage .row.sectionDesc {
	margin-bottom: 12px;
}


#regdlg-pwdOnlyPage-firstAndLastName {
	color: #101010;
	font-size: 24px;
	font-weight: 600;
}


#regdlg-pwdOnlyPage-notMeRow {
	margin-top: 5px;
	margin-bottom: 16px;
}

#regdlg-pwdOnlyPage-notMeRow .notMeLink{
    color: #2A4755;
    font-size: 14px;
    font-weight :normal;
    text-decoration: underline;
}

#regdlg-pwdOnlyPage .regdlg-resetPwMsg {
	margin-top:13px;
}

/***********************************************************************/


.hasDefaultColor{
	color: #d6d6d6 !important;
}


.topHeader .notLoggedIn .row1 {
	color: #333;
	height: 17px;
	font-weight: bold;
	float: right;
	margin-bottom: 5px;
	text-align: right;
	width: 750px;
}

#loginTopRow {
	width: 573px;
	float: right;
}

#languageSelector {
	background: url("/images/backgrounds/join_gradient.png") repeat-x bottom
	#e8c061;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	overflow: hidden;
}

#innerLanguageSelector {
	width: 973px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 7px;
	padding-bottom: 7px;
}

#languageSelector .languageOption input {
	cursor: pointer;
}

#languageSelector .languageOption {
	color: #fff;
	margin-right: 10px;
	margin-left: 10px;
	cursor: pointer;
	text-decoration: none !important;
}

#languageSelector .hoverItem .languageLabel {
	text-decoration: underline !important;
}

#languageSelector .closeLanguageBar {
	color: #fff;
	float: right;
	cursor: pointer;
	text-decoration: none !important;
	width: 100px;
	text-align: right;
}

.sectionTitle {
	background-color: #333;
	color: white;
	font-size: 18px;
	font-weight: normal;
	line-height: 38px;
	padding-left: 10px;
}

.dpBasic .dpBasicSlim  .titleBar {
	height: 28px;
	background-color: black;
	color: white;
}

.dpBasicSlim .sectionTitle {
	background-color: #333;
	color: white;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 28px;
	padding-left: 8px;
	height: 28px;
	margin-bottom: 14px;
}

.dpBasic .dpBasicSlim .titleBarButton {
	float: right;
	border-left: 1px solid white;
	padding: 0 10px 0 10px;
	background-color: #009AC8;
	font-size: 12px;
	line-height: 28px;
	height: 28px;
	color: white;
}

.JA .sectionTitle,.ZH .sectionTitle {
	_font-family: Arial, "lucida grande", Tahoma, Verdana,
	'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
}

.sectionClose {
	background: #009ac8;
	cursor: pointer;
	font-family: Arial,Helvetica,MSGothicUI,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif, sans-serif;
	text-transform: lowercase;
	float: right;
	font-size: 12px;
	font-weight: bold;
	padding: 0 14px;
}
#menu {
	padding-top: 2px;
	padding-left: 4px;
	position: relative;
	z-index: 150;
}

#menu .defaultHeaderHover {
	line-height: 16px;
	padding-bottom: 11px;
	margin-bottom: -5px;
	background: #f2e2c0;
	color: #333;
}

#menu a:hover {
	text-decoration: none;
}



.menuItem {
	font-weight: bold;
	cursor: pointer;
}

.menuItem {
	display: inline;
}

.menuItem a,.menuItem {
	text-decoration: none !important;
}

.headerHover {
	background-color: #fff;
	color: #333;
}

.headerHover a {
	color: #666;
}

.menuItem .subMenu {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	padding: 14px 0 4px 10px;
	line-height: 19px;
	white-space: nowrap;
}

.headerHover .children {
	cursor: auto;
	z-index: 170;
	right: 0;
}


.menuItem .children .hoverItem .innerChildItem,
.menuItem .children .hoverItem .innerChildItem a
{
	text-decoration: underline !important;
}

.menuItem .children .hoverItem,
.menuItem .children .hoverItem a {
	text-decoration: underline !important;
}

.menuItem .childItem,
.menuItem .selectedChildItem {

}


.childItem a {
	color: #f47030;
}
#breadCrumbs {
	margin-bottom: 20px;
	margin-top: 29px;
	position: relative;
	z-index: 70;
}
#breadCrumb {
	font-size: 10px;
	font-family: Arial,Helvetica,MSGothicUI,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif, sans-serif;
	color: #666;
}

#breadCrumb a {
	color: #f47030;
	font-weight: normal;
	text-decoration: none;
}
#breadCrumb a:hover {
	color: #009ac8;
}
#breadCrumb .breadCrumbSlash {
	margin: 0 6px;
}


.lastBreadCrumb {
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	color: #232323;
	font-weight: normal;
	font-size: 30px;
	margin-top: 20px;
}

.sponsoredContent.data  .lastBreadCrumb,
.sponsoredContent.others  .lastBreadCrumb {
	font-family: ProximaNova, Arial,Helvetica,MSGothicUI,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif, sans-serif;
	color: #009ac8;
}

.notSponsoredContent  .lastBreadCrumb {
	/*Some specific style for non sponsored content */
}

#breadCrumbShareWidget {
	float: right;
	margin-bottom: -10px;
	font-size: 11px;
	margin-top: -2px;
	color: #666;
}

#breadCrumbShareWidget a {
	margin-left: 0;
	margin-right: 0;
	vertical-align: -4px;
	text-decoration: none;
}

#breadCrumbLine div .withoutQPoints {
	display: none;
}

#breadCrumbLine .withoutQPoints .withoutQPoints {
	display: inline;
}

#breadCrumbLine .withoutQPoints .withQPoints {
	display: none;
}

img.referButtonImage {
	height: 16px;
	width: 16px;
}

.notificationCount {
	height: 15px;
	color: #fff;
	font-size: 10px;
	line-height: 16px;
	padding: 3px 7px 6px;
	text-align: center;
	background: url(/images/headers/alert_bubble.png?v=2) no-repeat -50px 0;
	float: right;
	margin-top: -4px;
	width: 12px;
	margin-right: -7px;
	margin-bottom: -3px;
	#position: relative;
}

.headerHover .notificationCount {
	background-position: 0 0;
}

.twoDigitNotificationCount {
	background-position: -50px -25px;
	width: 17px;
}

.headerHover .twoDigitNotificationCount {
	background-position: 0 -25px;
}

.menuOverlay {
	position: absolute;
	top: 92px;
	left: 0;
	width: 100%;
	height: 1000px;
	background: #000;
	opacity: 0.0;
	z-index: 149;
}

.menuItem .alert {
	padding-bottom: 6px;
}

.alert .innerChildItem {
	background: none;
	line-height: 14px;
	padding-left: 44px;
}

.alert .innerChildItem img {
	float: left;
	margin-left: -40px;
}

.alert .innerChildItem .alertBurst {
	float: left;
	margin-top: -2px !important;
	margin-right: -4px !important;
	margin-left: -42px;
}

.menuItem .explanation {
	margin: 0 12px 2px 12px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #999;
	font-style: italic;
	font-weight: normal;
}

.JA .menuItem .explanation {
	font-style: normal;
}

.menuItem .explanation .innerExplanation {
	width: 190px;
	height: 0;
	line-height: 0;
	font-size: 0;
	font-family: Arial, sans-serif;
}





#footerContainer {
	margin: 0 auto;
	width: 973px;
}


#footerMenuColumns {
	margin: 0 auto;
	width: 970px;
}

.footerMenuColumn {
	float: left;
	margin-right: 39px;
	width: 155px;
}

.footerMenuColumnHeader {
	color: #fff;
	font-weight: bold;
}

.footerMenuColumnItems {
	margin: 13px 0 18px 0;
}

.footerMenuColumnItems a {
	color: #ccc !important;
	font-weight: normal;
}

.footerMenuColumnItem {
	margin-bottom: 5px;
}

#footerBottom {
	margin-bottom: 35px;
	margin-top: 35px;
}

.footerBottomItem {
	margin-bottom: 6px;
	text-align: center;
}

.footerBottomItem a {
	color: #f47030 !important;
}
.footerBottomItemPrimaryText {
	color: #fff;
}

.footerBottomItemSecondaryText {
	color: #ccc;
}

.footerBottomItemTertiaryText {
	color: #777;
}

.footerEmptySpacer {
	margin-right: 5px;
}

.footerBottomItemSpacer {
	color: #ccc;
	margin-left: 7px;
	margin-right: 6px;
}


.accountInfo {
	padding: 3px 12px 12px 12px;
	font-weight: normal;
	width: 175px;
}

.accountInfo ul {
	padding-top: 3px;
}

.accountInfo .row {
	margin-top: 9px;
}

/* IE causes arrows to space themselves strangely... so... use invisible arrows on headers if one isn't there */
.invisibleArrow16 {
	font-size: 0;
	line-height: 0;
	display: inline-block;
	height: 0;
	width: 0;
}

.arrow12,.arrow16,.arrow11 {
	font-family: Arial, sans-serif;
	font-size: 0;
	line-height: 0;
	border-style: solid;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	display: inline-block;
	height: 0;
	width: 0;
}

.downArrow12 {
	font-family: Arial, sans-serif;
	vertical-align: -2px;
	font-size: 0;
	line-height: 0;
	border-style: solid;
	border-bottom-color: transparent;
	border-right-color: transparent;
	border-left-color: transparent;
	display: inline-block;
	height: 0;
	width: 0;
	_filter: chroma(color = cyan);
	_border-color: transparent cyan cyan cyan;
}

.arrow11 {
	font-family: Arial, sans-serif;
	margin-left: -3px;
	border-width: 3px;
	#margin-bottom: 1px;
	margin-right: -3px;
}

.arrow12,
.downArrow12
{
	font-family: Arial, sans-serif;
	margin-left: -4px;
	border-width: 3px;
	#margin-bottom: 1px;
	margin-right: -2px;
}

.arrow16 {
	font-family: Arial, sans-serif;
	margin-left: -5px;
	border-width: 4px;
	margin-right: -3px;
}

.arrow11,.arrow12,.arrow16 {
	font-family: Arial, sans-serif;
	_filter: chroma(color = cyan);
	_border-color: cyan cyan cyan transparent;
}

.toggleArrow {
	#margin-bottom: 1px;
	font-family: Arial, sans-serif;
	margin-left: -5px;
	margin-right: -3px;
	border: 4px solid;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	display: inline-block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width: 0;
	_border-top-color: cyan;
	_border-right-color: cyan;
	_border-bottom-color: cyan;
	_border-left-color: transparent;
	_filter: chroma(color = cyan);
}

.open .toggleArrow {
	border-left-color: transparent;
	border-top-color: #000;
	_border-top-color: transparent;
	_border-left-color: cyan;
	_border-right-color: cyan;
	_border-bottom-color: cyan;
	_filter: chroma(color = cyan);
}

/* @end */

/* @group Column Layouts */
#column1,#column2,#column3,#column4,#column5 {
	float: left;
	margin-left: 14px;
	padding-top: 12px;
}

#column1 {
	margin-left: 0;
}

#column4,#column5 {
	display: none;
}

.tripleColumns #column1 {
	width: 200px;
	min-height: 600px;
	_height: 600px;
	padding-top: 0;
}

.tripleColumns #column2 {
	width: 470px;
	padding-top: 0;
}

.tripleColumns #column3 {
	width: 275px;
	padding-top: 0;
}



.singleColumn #column1 {
	padding-top: 0;
	width: 973px;
	min-height: 600px;
	_height: 600px;
}

.singleColumn #column2 {
	display: none;
}

.singleColumn #column3 {
	display: none;
}



.splitDoubleColumns #column1 {
	padding-top: 0;
	width: 491px;
	min-height: 600px;
	_height: 600px;
}

.splitDoubleColumns #column2 {
	padding-top: 0;
	width: 470px;
	margin-left: 12px;
}

.splitDoubleColumns #column3 {
	display: none;
}



.wideLeftDoubleColumns #column1 {
	padding-top: 0;
	width: 684px;
	min-height: 600px;
	_height: 600px;
}

.wideLeftDoubleColumns #column2 {
	padding-top: 0;
	width: 275px;
}

.wideLeftDoubleColumns #column3 {
	display: none;
}



.horizontalTwoColumns #column1 {
	padding-top: 0;
	width: 974px;
}

.horizontalTwoColumns #column2 {
	width: 974px;
	margin-left: 0;
	padding-right: 10px;
}

.horizontalTwoColumns .box {
	float: left;
	margin-right: 10px;
}

.horizontalTwoColumns #column3 {
	display: none;
}



.columnContainer {
	float: left;
	margin: 0;
	padding: 0;
	width: 773px;
}


/* @end */

/* @group General Block Styles */
.block {
	margin-bottom: 24px;
}

.block .block {
	margin-bottom: 6px;
}

.block .top {
	border-bottom: 1px solid #666;
	padding-bottom: 3px;
}

.block .top h1 {
	color: #333;
}

.block .top h3 {
	color: #333;
	font-weight: normal;
	margin-top: 3px;
	margin-bottom: 3px;
}

.block .top .additionalLink {
	float: right;
	margin-top: 4px;
	font-size: 12px;
}

.block .smallTop {
	color: #333;
	font-weight: bold;
}

.block .smallTop .comments {
	float: right;
	font-size: 11px;
	font-weight: normal;
}

body .dpBlock,
.bodyContainer .dpBlock {
	margin-bottom: 20px;
}

.dpBlock a {
	color: #F99B25;
}
.dpBlock a:hover {
	text-decoration: underline;
}

.toppedBlock {
	border-top: 1px solid #ccc;
}

.toppedBlock .more,.toppedBlock .newMore {
	margin-top: 8px;
}

.toppedBlock .more a {
	font-size: 12px;
	font-family: "Source Sans Pro", sans-serif;
	color: #F99B25;
	font-weight: normal;
}

.toppedBlock .newMore a {
	color: #9eb326;
	font-weight: normal;
}

.smallTitle,
.smallTitle a {
	text-transform: uppercase;
	font-weight: normal;
	margin: 6px 0;
    font-size: 16px;
    color: #00B1B7;
    letter-spacing: 0.2px;
}




.smallTitle a:hover {
	text-decoration: none;
	color: #f47030;
}

.dpBlock .blackFgOverWhiteBgTitle {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	border-top: 1px solid #ddd;
	margin-top: 18px;
	padding-top: 12px;
	padding-bottom: 18px;
	text-decoration: none;
}

.dpBlock .blackFgOverWhiteBgTitle .smallTitle {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0;
	text-transform: none;
	letter-spacing: 0;
}

.dpBasic {
	clear: both;
}

.dpBasic .text {
	padding-top: 5px;
}

.dpBasic .titleBar {
	min-height: 38px;
	background-color: black;
	color: white;
}

.dpBasic .titleBarButton {
	float: right;
	border-left: 1px solid white;
	padding: 12px 15px 12px 15px;
	text-align: center;
	background-color: #009ac8;
	font-size: 12px;
	line-height: 14px;
	color: white;
}

.dpBasic .titleBarButton:hover {
	background-color: #F47030;
	color: #FFF !important;
	border-color: #FFF;
	text-decoration: none;
}

.dpBasic .summaryHtml {
	margin-bottom: 18px;
}

/*
.miniCarousel .titleBarButton:hover
{
	background-color: #F47030;
	color:#FFF!important;
	border-color:#FFF;
	text-decoration: none ;
}
*/
.bg_grayShadow .dpBlock {
	border-top: 1px solid #eee;
	border-right: 4px solid #eee;
	margin-bottom: 1px;
	padding-bottom: 28px;
	padding-right: 15px;
}

.bg_grayShadow .dpBlock .smallTitle {
	margin-top: 7px;
}

.msie9 .bg_grayShadow .dpBlock .smallTitle,
.msie10 .bg_grayShadow .dpBlock .smallTitle
{
	margin-top: 8px;
}

.bg_grayShadow .dpBasic .image img {
	border: none;
}

.bg_grayShadow .dpBasic .title {
	font-size: 12px;
}

.collectionBottom { display: none; }
.bg_grayShadow .collectionBottom {
	display: block;
	height: 1px;
	border-right: 4px solid #eee;
	margin-top: -1px;
}

.bg_grayShadow .more {
	padding-top: 10px;
	float: none;
	text-align: left;
	font-size: 12px;
	line-height: 12px;
}


.msie9 .bg_grayShadow .more {
	padding-top: 9px;
}

.bg_grayShadow .more a {
	font-weight: normal;
}

.photo32 {
	border: 0;
	width: 32px;
	float: left;
}

.itemCollection .titleBarButton:hover,
.itemCollectionFit .titleBarButton:hover,
.itemCollectionBalanced .titleBarButton:hover
{
	background-color: #F47030;
	color: #FFF !important;
	border-color: #FFF;
}

.solidBlock {
	margin-bottom: 15px;
	padding: 10px;
	background: #fbf5e9;
}

.solidBlock .top h1 {
	color: #333;
	margin-bottom: 5px;
}

.solidBlock .top h2 {
	color: #666;
	font-size: 14px;
	margin-bottom: 5px;
}

.solidBlock .top h3 {
	color: #999;
	font-size: 11px;
}

.solidBlock .boxBody {
	padding: 7px;
	border: 1px solid #999;
	background: #fff;
}

.image {
	border: 1px solid #ccc;
	overflow: visible;
}

.image .actualImage {
	float: left;
}

a.image:hover,a.image:hover * {
	text-decoration: none;
}

.hoverable {
	cursor: pointer;
}
.burst {
	border: none !important;
	position: absolute;
	top: -3px;
	right: -5px;
	height: 50px !important;
	width: 50px !important;
	margin-bottom: 0 !important;
	margin-right: 0 !important;
	z-index: 50;
}
.smallBurst {
	border: none !important;
	position: absolute;
	top: -3px;
	right: -3px;
	height: 38px !important;
	width: 38px !important;
	margin-bottom: 0 !important;
	margin-right: 0 !important;
	z-index: 50;
}

.inlineBurst {
	float: left;
	margin-left: -4px;
	margin-right: 4px;
}

.iconImageBurst, .imageOnlyBurst {
	border: 0;
}

.iconImageBurst .smallBurst,
.imageOnlyBurst .smallBurst {
    position: static;
}


.offscreen .smallBurst {
	display: none;
}

.image .durationContainer {
	background: url(/images/icons/duration_container.gif) no-repeat left;
	float: right;
	margin-right: 1px;
	font-size: 10px;
	font-weight: normal;
	width: 33px;
	height: 14px;
	opacity: 0.7;
	color: #fff;
	text-align: center;
	filter: alpha(opacity = 70);
}

.inlineDurationContainer {
	float: left;
	background: url(/images/icons/duration_container.gif) no-repeat left;
	margin-right: 5px;
	font-size: 10px;
	font-weight: normal;
	width: 33px;
	height: 14px;
	opacity: 0.7;
	color: #fff;
	text-align: center;
	filter: alpha(opacity = 70);
	#margin-top: 1px;
	padding-top: 1px;
	margin-bottom: -1px;
}

.rating {
	font-size: 11px;
	line-height: 14px;
}

.rating img {
	vertical-align: -2px;
	margin-right: 2px;
}

.image .playButton {
	background: url(/images/icons/play.gif) no-repeat;
	width: 29px;
	height: 29px;
	opacity: 0.99;
	float: left;
	display: inline;
}

.image .playButtonBackground {
	background: #000;
	opacity: 0.5;
	width: 27px;
	height: 27px;
	float: left;
	display: inline;
	filter: alpha(opacity = 50);
}

* a:hover .playButtonBackground,
.hoverItem .playButtonBackground {
	opacity: 0.8;
	background: #000;
	filter: alpha(opacity = 80);
}

.hasSlideSample .image {
	position: relative;
	width: 120px;
	height: 90px;
}

.hasSlideSample .image img {
	margin-right: -120px;
	margin-bottom: -90px;
}

.hasSlideSample .playButton {
	margin: 30px -76px -59px 47px;
}

.hasSlideSample .playButtonBackground {
	margin: 31px -75px -58px 48px;
}

.hasSlideSample .durationContainer {
	margin-top: 75px;
}

.hasIcon .image {
	width: 32px;
	height: 32px;
	border: 0;
}

.hasIcon .image img {
	margin-right: -32px;
	margin-bottom: -32px;
}

.hasLeadAuthorImage .image {
	width: 90px;
	height: 120px;
}

.hasLeadAuthorImage .image img {
	margin-right: -90px;
	margin-bottom: -120px;
}

.hasLeadAuthorImage .playButton {
	margin: 47px -59px -76px 30px;
}

.hasLeadAuthorImage .playButtonBackground {
	margin: 48px -58px -5px 31px;
}

.hasLeadAuthorImage .durationContainer {
	margin-top: 105px;
}

.hasSlideSample140 .image {
	width: 140px;
	height: 105px;
}

.hasSlideSample140 .image img {
	margin-right: -140px;
	margin-bottom: -105px;
}

.hasSlideSample140 .playButton {
	margin: 37px -86px -66px 57px;
}

.hasSlideSample140 .playButtonBackground {
	margin: 38px -85px -64px 58px;
}

.hasSlideSample140 .durationContainer {
	margin-top: 90px;
}

.puzzlePromoBody { position: relative; }

.hasBigPuzzlePromo .playButton {
	position: absolute;
	top: 52px;
	left: 54px;
}

.hasBigPuzzlePromo .playButtonBackground {
	position:absolute;
	top: 53px;
	left: 55px;
}

.hasSmallPuzzlePromo .playButton {
	margin-top: -45px;
	margin-left: 19px;
}

.hasSmallPuzzlePromo .playButtonBackground {
	margin-top: -44px;
	margin-left: 20px;
}

.comments img {
	vertical-align: -2px;
	margin-right: 3px;
}

.comments {
	font-size: 11px;
}

.smallComments img {
	vertical-align: -1px;
	margin-right: 3px;
}

#comments .top {
	margin-top: 14px;
	margin-bottom: 15px;
}

#comments .buttons {
	margin-top: 15px;
	color: #999;
}

#comments .buttons a {
	color: #f47030;
	font-weight: normal;
}
#comments .bullet {
	padding-left: 10px;
	background: url(/images/headers/menu_bullet_bw.png) no-repeat 0 6px;
}

#predecessors,#successors {
	position: relative;
}


#predecessors .burst,
#successors .burst {
	float: right;
	position: relative;
	top: -15px;
	left: 15px;
}

.dataformInfo .contact,
.browserPlayerDataformInfo .contact {
	color: #666;
}

.dataformInfo .contact a,
.browserPlayerDataformInfo .contact a {
	color: #f47030;
	font-size: 12px;
	font-weight: normal;
}

.heatRow .rating {
	margin-bottom: -2px;
	margin-right: 2px;
	vertical-align: 0;
}

.read a {
	color: #666;
}

.opaque {
	position: absolute;
	opacity: .30;
	filter: alpha(opacity : 30);
	background-color: #000;
	top: 0;
	left: 0;
	z-index: 1001;
}

.arrow {
	width: 28px;
	height: 28px;
	margin-top: 37px;
	position: relative;
	cursor: pointer;
}

.courseLevel table {
	margin-bottom: 18px;
}

.courseLevel .callout {
	background: url(/images/headers/yellow_callout_left.png) no-repeat left;
	padding-left: 8px;
	height: 55px;
	margin-right: -5px;
	margin-left: -2px;
	margin-bottom: 19px;
}

.courseLevel .calloutContents {
	background: url(/images/headers/yellow_callout_right.png) no-repeat right;
	padding-right: 8px;
	height: 55px;
	position: relative;
}

.courseLevel .callout .label {
	font-size: 16px;
	font-weight: bold;
	color: #222;
	text-align: center;
	padding-top: 18px;
}

.courseLevel .callout .arrow {
	background: url(/images/headers/yellow_callout_arrow.png) no-repeat;
	position: relative;
	float: left;
	top: 11px;
	width: 60px;
	height: 30px;
	margin-bottom: -30px;
	margin-right: -60px;
}

.lastCommunityActive {
	font-size: 11px;
	font-weight: bold;
	margin-top: 3px;
}

.openStateCheckboxImage {
	margin-left: 1px;
	vertical-align: -1px;
	width: 15px;
	height: 12px;
}

/* @Remove phone number link from iPad */
.dePhoneFixer {
	display: none;
}

/* @group Buttons */
.onHoverButton *,.onGrayHoverButton * {
	color: #99ccff !important;
}

.onOrangeHoverButton * {
	color: #ffd5a2 !important;
}

.buttonBody {
	font-family: Arial Bold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	white-space: nowrap;
}

.disabledGrayButton {
	height: 16px;
	background: url(/images/buttons/disabled_gray_middle.gif) repeat-x;
	float: left;
	cursor: pointer;
	padding-left: 17px;
	padding-right: 17px;
	border: 1px solid #000;
}

.overGrayButton {
	height: 16px;
	background: url(/images/buttons/over_gray_middle.gif) repeat-x;
	float: left;
	cursor: pointer;
	padding-left: 17px;
	padding-right: 17px;
	border: 1px solid #000;
}

.buttonSmaller {
	padding-left: 17px !important;
}

.buttonSmaller .qBlueButtonRight {
	padding-right: 17px;
}

.buttonSmaller .qBlueButton {
	width: 40px;
}

.button .qBlueButton {
	width: 40px;
}

.buttonNarrow {
	width: 40px !important;
}

.referButton {
	display: inline;
	margin-top: 6px;
	height: 16px;
	float: left;
}

.referButton .qBlueButtonRight {
	padding-right: 20px !important;
	_padding-right: 11px !important;
}

.referButton .qBlueButton {
	width: 20px !important;
}

.buttonMedium {
	width: 90px !important;
}

.buttonWide {
	width: 100px !important;
}

.buttonWider {
	width: 120px !important;
}

.buttonWidest {
	width: 140px !important;
}

.qBlueButtonAutoSize .qBlueButton {
	width: auto !important;
}

.qBlueButton a:hover {
	text-decoration: none;
}

.qBlueButton img {
	position: relative;
	top: 2px;
	left: -10px;
}

.qBlueButtonHover {
	background-position: 0 -24px !important;
}

.qBlueButtonHover .qBlueButtonRight {
	background-position: right -24px !important;
}

.qBlueButtonHover .qBlueButton {
	background-position: -24px -24px !important;
	color: #f47030 !important;
}
.qBlueButtonActive {
	background-position: 0 -48px !important;
}

.qBlueButtonActive .qBlueButtonRight {
	background-position: right -48px !important;
}

.qBlueButtonActive .qBlueButton {
	background-position: -24px -48px !important;
}

.qBlueButtonDisabled {
	background-position: 0 0 !important;
	cursor: auto;
}

.qBlueButtonDisabled .qBlueButtonRight {
	background-position: right 0 !important;
}

.qBlueButtonDisabled .qBlueButton {
	background-position: -24px 0 !important;
	color: #999 !important;
}

/* Orange */
.qOrangeButtonLeft {
	height: 24px;
	background: url(/images/buttons/qbutton_orange.gif) no-repeat;
	float: left;
	cursor: pointer;
	padding-left: 22px;
	text-align: center;
}

.qOrangeButtonRight {
	height: 24px;
    padding-right: 22px;
    background: url(/images/buttons/qbutton_orange.gif) repeat-x right 0;
    margin-right: -1px;
	float: left;
}

.qOrangeButton {
	height: 20px;
	color: #f47030;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: url(/images/buttons/qbutton_orange.gif) no-repeat -24px 0;
	padding-top: 4px;
	width: 60px;
}
.qOrangeButton img {
	position: relative;
	top: 2px;
	left: -5px;
}

.qOrangeButtonHover {
	background-position: 0 -24px !important;
}

.qOrangeButtonHover .qOrangeButtonRight {
	background-position: right -24px !important;
}

.qOrangeButtonHover .qOrangeButton {
	background-position: -24px -24px !important;
}

.qOrangeButtonActive {
	background-position: 0 -48px !important;
}

.qOrangeButtonActive .qOrangeButtonRight {
	background-position: right -48px !important;
}

.qOrangeButtonActive .qOrangeButton {
	background-position: -24px -48px !important;
}

.qOrangeButtonDisabled {
	background-position: 0 0 !important;
	cursor: auto;
}

.qOrangeButtonDisabled .qOrangeButtonRight {
	background-position: right 0 !important;
}

.qOrangeButtonDisabled .qOrangeButton {
	background-position: -24px 0 !important;
	color: #999 !important;
}

.overGrayButton .buttonBody,
.disabledGrayButton .buttonBody,
.overDialogButton .buttonBody
{
	color: #fff;
	font-size: 11px;
	font-weight: bolder;
	text-transform: uppercase;
	margin-top: 1px;
}

.orangeButton {
	height: 16px;
	background: url(/images/buttons/orange_button.gif) repeat-x;
	float: left;
	cursor: pointer;
	padding-left: 17px;
	padding-right: 17px;
	border: 1px solid #000;
}

.orangeButton .buttonBody {
	color: #fff;
	font-size: 11px;
	font-weight: bolder;
	text-transform: uppercase;
	margin-top: 1px;
}

.transparentButton {
	height: 28px;
	cursor: pointer;
	background: url(/images/buttons/transparent_left.png) no-repeat top left;
	padding-left: 6px;
	_width: 0;
	margin-top: -1px;
}

.transparentButton .rightButton {
	background: url(/images/buttons/transparent_right.png) no-repeat top  right;
	padding-right: 6px;
	height: 28px;
	_width: 0;
}

.transparentButton .buttonBody {
	background: url(/images/buttons/transparent_middle.png) repeat-x;
	height: 26px;
	padding: 4px 15px 0;
	_width: 0;
	color: #fff;
	font-size: 15px;
	font-weight: bolder;
	text-transform: uppercase;
	text-align: center;
}

.JA .transparentButton .buttonBody {
	#padding-top: 6px;
}

.disabledTransparentButton {
	background-image: url(/images/buttons/transparent_left_disabled.png);
}

.disabledTransparentButton .rightButton {
	background-image: url(/images/buttons/transparent_right_disabled.png);
}

.disabledTransparentButton .buttonBody {
	background-image: url(/images/buttons/transparent_middle_disabled.png);
}

.disabledTransparentButton * * {
	color: #FFF !important;
}

.superWideButton,.wideButton,
.mediumButton,.smallButton
{
	height: 28px;
	cursor: pointer;
	text-decoration: none;
	border: 0;
	display: inline;
	float: left;
	background: no-repeat top left;
	margin-top: -2px;
	#margin-top: -1px;
}

/* @group Popup Preview */
#popupPreviewDataform {
	position: absolute;
	width: 283px;
	z-index: 1500;
}

#popupPreviewContainerDataform {
	text-align: left;
	background: url(/images/frames/popup_preview_middle.png);
	padding: 6px 17px 6px 15px;
	width: 251px;
}

#popupPreviewTopDataform {
	background: url(/images/frames/popup_preview_top.png);
	height: 7px;
	font-family: Arial, sans-serif;
	font-size: 1px;
}

#popupPreviewBottomDataform {
	background: url(/images/frames/popup_preview_bottom.png);
	height: 11px;
	font-family: Arial, sans-serif;
	font-size: 1px;
}

#popupPreviewArrow {
	position: absolute;
	z-index: 1501;
}

#popupPreviewDataform .title {
	font-size: 14px;
	font-weight: bold;
	color: #f47030;
	border-bottom: 1px solid #999;
	padding-bottom: 5px;
}

#popupPreviewDataform .hasIcon {
	margin-left: 44px;
}

#popupPreviewDataform .title .icon {
	float: left;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-top: 2px;
	width: 32px;
	height: 32px;
}

#popupPreviewDataform .description {
	margin-top: 12px;
	font-size: 11px;
}

#popupPreviewDataform .author {
	font-size: 11px;
	margin-top: 8px;
}

#popupPreviewDataform .authorName,#popupPreview .authorPrefix {
	font-size: 11px;
	color: #000;
}

#popupPreviewDataform .authorWithPhoto {
	margin-top: 8px;
	color: #666;
	font-size: 11px;
}

#popupPreviewDataform .authorWithPhoto img {
	width: 45px;
	height: 60px;
	border: 1px solid #999;
}

#popupPreviewDataform .authorPhoto {
	width: 47px;
	height: 62px;
	float: right;
	margin-left: 10px;
	margin-top: 2px;
	overflow: hidden;
	position: relative;
}

#popupPreviewDataform .actuallyHasPhoto .authorContents {
	width: 175px;
}

#popupPreviewDataform .detailsWrapper {
	margin-top: 5px;
	font-size: 11px;
	color: #333;
	font-weight: normal;
}

#popupPreviewDataform .leftWrapper {
	width: 40px;
	float: left;
}

#popupPreviewDataform .stars {
	float: left;
	margin-top: 4px;
	margin-right: 8px;
}

#popupPreviewDataform .stars div {
	width: 81px;
	height: 13px;
	font-family: Arial, sans-serif;
	font-size: 1px;
}

#popupPreviewDataform .starsCount {
	font-size: 11px !important;
	color: #333;
	font-weight: normal;
}

#popupPreviewDataform .image {
	float: left;
	margin-right: 10px;
	margin-bottom: 3px;
	width: 120px;
	height: 90px;
}

#popupPreviewDataform .hasPreviewImage .image {
	width: 249px;
	height: 249px;
}

#popupPreviewDataform .openState {
	padding-top: 9px;
	font-weight: bold;
	font-size: 13px;
}

#popupPreviewDataform .previewImage {
	margin-top: 12px;
	border: 1px solid #999;
}

#popupPreviewDataform .previewImage img {
	height: 249px;
	width: 249px;
}

#popupPreviewDataform .previewImage img {
	height: 249px;
	width: 249px;
}

#popupPreviewDataform .keywordTermsLabel {
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}

#popupPreviewDataform .keywordTerms {
	margin-top: 12px;
	font-size: 11px;
}

/* @referral */
#referralDialogBody {
	width: 600px;
	height: 580px;
	background-color: #ffffff;
}

#referDialogFrame {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	display: block;
	z-index: 500;
}

#emailMessageContainer,
#referOptionsContainer,
#requestPasswordReset{
	background-color: #FFFFFF;
	box-shadow: 0 0 6px 4px rgba(0, 0, 0,0.25);
	-webkit-box-shadow: 0 0 6px 4px rgba(0, 0, 0,0.25);
	-moz-box-shadow: 0 0 6px 4px rgba(0, 0, 0,0.25);
	-o-box-shadow: 0 0 6px 4px rgba(0, 0, 0,0.25);
	border-radius: 4px;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

#referOptionsContainer {
	width: 340px;
}

#emailMessageContainer {
	width: 800px;
}

#requestPasswordReset {
	width: 420px;
}

.popup-content {
	padding: 0 20px 20px 20px;
}

.modalDialogTop{

}
.modalDialogTitleContainer {
	padding: 15px 20px 0 20px;
}

hr {
	border: none;
	border-top: 1px dashed #e4e4e4;
	color: #fff;
	background-color: #fff;
	height: 1px;
	margin: 0;
	clear: both;
}

.referral-hr {
	clear: both;
	border: none;
	border-top: 1px solid #CFD8DC;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 10px;
}
.top-referral-hr {
	clear: both;
	border: none;
	border-top: 1px solid #CFD8DC;
	color: #fff;
	padding-bottom: 12px;
	margin-top: 12px;
}

.referOption {
	background-color: #eeeeee;
	margin: 5px 40px 0;
	padding: 0 5px 15px;
	font-size: 12px;
}

.referOption h2 {
	display: block;
	font-weight: bold;
	font-size: 20px;
	padding: 15px;
	color: #009ac8;
	text-align: center;
}

.referOption p {
	padding: 5px 11px;
	font-size: 11px;
	width: 400px;
}

.referOption textarea {
	border: 1px solid #999;
	font-size: 12px;
	padding: 4px;
	margin-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
}

.referOption .privacyPolicy {
	padding-left: 10px;
	margin-bottom: 3px;
}

.referOption .privacyPolicy a {
	font-weight: bold;
	color: #f47030;
	font-size: 11px;
	text-decoration: none;
}
.referOption .privacyPolicy a:hover {
	text-decoration: underline;
}

.referOption .discrete {
	color: #333;
	font-size: 11px;
}

.referOption input {
	width: 580px;
	border: 1px solid #999;
	font-size: 11px;
	font-weight: bold;
    padding: 4px 4px 3px;
    margin-top: 0;
	font-family: Arial, Helvetica, sans-serif;
}

.referOption #subjectBlock input {
	width: 495px;
	margin-left: 0;
}

.referOption #sendButtonBlock {
	padding: 10px 0;
}

.referOption #referByCopyAndPaste {
	margin-bottom: 5px;
	margin-left: 10px;
	width: 560px;
}


.referOption .orangeButton S {
	width: 60px;
	text-align: center;
}

.referOption #recipientBlock textarea {
	margin: 0;
	padding: 4px;
}

.referOption #addressBook {
	border: 1px solid #999;
	background-color: #FFFFFF;
	margin: 0 0 0 12px;
	padding: 4px;
	overflow: auto;
}


.referOption .addressBookEntry input {
	width: 12px;
	margin-left: 0;
	border: none;
}

.referOption .addressBookEntry span {
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
}

.referOption .addressBookEntry .hover {
	cursor: pointer;
}

.referOption .disclaimer {
	font-size: 10px;
	padding: 3px 80px;
}

.referOption .label {
	float: left;
	text-align:right;
	width: 80px;
	font-weight: bold;
	padding: 5px 10px 0 0;
}

.referOption #addressBookLabel {
	margin-left: 0;
}

.referOption .value {
	float: left;
	width: 490px;
	padding-left: 10px;
}

.referOption .field {
	float: left;
	width: 269px;
}

.referOption .field .overGrayButton {
	float: right;
	margin-top: -5px;
	margin-right: -12px;
}

.referOption .tall {
	height: 90px;
	resize: none;
}
.referOption .emailBodyContainer{
	float:left;
	position:relative;
}

.referOption .emailBody{
	width:375px;
	height:50px;
	border:1px solid #D6D6D6 !important;
	box-shadow:2px 2px 4px #EEEEEE inset;
	resize:none;
}

.referOption .nextButtonRow{
	position:relative;
	margin-top:0;
	padding-top:15px;
}

.referOption .sendButton{
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
}
.referOption .wrapOr{
	padding:0 10px;
}
.referOption .sendViaEmailClient{
	color: #F47030;
	font-size:10px;
	font-weight:bold;
	cursor:pointer;
}
.referOption .referralChampRemark{
	color:#009ac8;
	font-size:11px;
	position:relative;
	text-align:center;
	padding-top:15px;
}
.referOption .errorText{
	color: #C40067;
	font-weight: bold;
	padding: 10px 0 20px;
	text-align: center;
}
.referOption .short {
	height: 24px;
	resize: none;
}

.referOption .section {
	padding: 0 10px 2px;
}

.referOption .grayText {
	color: #666;
}

.referOption .sendButtonBlock {
	padding: 10px 20px;
}

.referOption .centeredButton {
	width: 127px;
	margin-left: auto;
	margin-right: auto;
}

.firstReferOption {
	border-top-color: #999;
	background-color: #F8EFD9;
	margin-top: 0 !important;
}

.referOr {
	margin-bottom: 12px;
}

.referOr img {
	margin-top: -22px;
}

#referHeaderTextBox {
	padding-right: 5px;
	float: right;
}

.headerReferButton {
	display: inline-block;
	margin-left: 5px;
	margin-top: 4px;
}

.headerReferButtonContainer {
	background: url(/images/referral/refer_gradient24.png) repeat-x;
	border-right: 1px solid #ddd;
	float: right;
	height: 24px;
	margin-right: 14px;
	padding-right: 8px;
}

.withQPoints .headerReferButtonContainer {
	padding-right: 15px;
}

.headerReferChevron {
	float: right;
	height: 24px;
	width: 16px;
}

/* @group Refer/Rate */
.referHeader {
	float: left;
	padding-bottom: 5px;
	padding-left: 240px;
	padding-top: 10px;
	position: relative;
	width: 340px;
	z-index: 10;
}

.referHeaderLeftIcon {
	float: left;
	height: 18px;
	margin-right: 6px;
	width: 21px;
}

#referHeaderQPointFoilContainer .withoutQPoints {
	display: none;
}

.referHeaderQPointFoil {
	background: none !important;
	float: right;
	height: 38px !important;
	margin: -7px 10px 0 -25px;
	position: relative;
	width: 38px !important;
	z-index: 10;
}

.referHeader .shareButtonTextWithQPoints,.referHeader .shareButtonTextWithoutQPoints
{
	float: left;
	text-align: right;
	width: 240px;
	padding: 0;
	margin-right: 0;
}

#referHeader .shareButtonWithQPoints {
	margin-top: 1px;
	#margin-top: -1px;
}

.referHeaderImageContainer {
	background: url(/images/referral/refer_gradient24.png) repeat-x;
	border-left: 1px solid #ddd;
	float: right;
	height: 21px;
	padding-top: 3px;
	padding-left: 8px;
}

.referHeaderText {
	background: url(/images/referral/refer_gradient24.png) repeat-x;
}

.topHeader .withQPoints,.topHeader .withoutQPoints {

}

.withQPoints .shareButtonTextWithoutQPoints,.withoutQPoints .shareButtonTextWithQPoints
{
	display: none;
}

.referHeader .referButton {
	float: left;
	padding-left: 0 !important;
	margin-top: 5px;
	cursor: pointer;
}

.withoutQPoints .facebookButton {
	display: none;
}

.shareButtonText {
	float: left;
	font-weight: bold;
	padding: 6px 0 0;
}

.notOnPlayer .shareButtonText {
	font-size: 16px;
	padding: 9px 20px 0;
}

.notOnPlayer .referButton {
	margin-top: 9px;
}

.qPointFoil {
	width: 40px;
}

.qPointFoil img {
	position: absolute;
}

.withQPoints .qPointFoil {
	float: left;
	left: -10px;
	position: relative;
	top: -2px;
	width: 40px;
}

.notOnPlayer .withQPoints .qPointFoil {
	left: 244px;
	top: -46px;
}

.withoutQPoints .qPointFoil {
	display: none;
}

.shareWithQPoints .shareButton {
	width: 115px;
	height: 36px;
	float: left;
}

.shareWithoutQPoints .shareButton {
	width: 105px;
	height: 36px;
	float: left;
	margin-right: 10px;
}

.EN .shareWithQPoints .shareButton {
	background-repeat: no-repeat;
	margin-top: 5px;
}

.EN .shareWithoutQPoints .shareButton {
	background: url(/images/referral/button_web_share_small.gif) no-repeat;
	margin-top: 5px;
}

.EN .shareWithoutQPoints a {
	padding-left: 10px;
}

.hoverRefer a {
	text-decoration: underline;
}

.hoverRefer .shareWithQPoints .shareButton {
	background-position: -115px 0;
}

.hoverRefer .shareWithoutQPoints .shareButton {
	background-position: -115px 0;
}

.hoverRefer .shareWithOrWithoutQPoints .shareButton {
	background-position: -115px 0;
}

#addToAddressBook input {
	width: 20px;
	border: none;
	margin: 0 0 0 -3px;
	padding-left: 0;
}

#addToAddressBook div {
	display: inline;
	font-weight: bold;
}

#addToAddressBook .mouseover {
	cursor: pointer;
}

#referEmailSent h3 {
	font-size: 13px;
	font-weight: bold;
	color: #333;
	width: 300px;
	margin-left: 145px;
	text-align: center;
}

#referEmailSent .message {
	color: #333;
	font-size: 13px;
	text-align: center;
	width: 100%;
}

#referEmailSent #addressBookCandidates {
	border: 1px solid #999;
	background-color: white;
	overflow: auto;
	height: 90px;
	width: 300px;
	margin-left: 145px;
}

#referEmailSent .addressBookEntry {
	padding: 5px;
}

#referEmailSent .section {
	padding-bottom: 10px;
}

.referEmailErrors {
	background-color: #F0F0F0;
	padding: 10px 20px;
	font-weight: bold;
}

.referEmailErrors .section {
	padding-bottom: 10px;
}

.referEmailErrors #emailErrorList {
	padding-left: 30px;
}

.mailtoWarningRow {
	text-align: right;
	font-size: 11px;
	height: 15px;
}

.romanCharactersDisclaimer {
	display: none;
}

.nonLatinContents .romanCharactersDisclaimer {
	display: block;
}


#addressBookContainer {
	background-color: #f2f2f2;
	padding: 10px;
	color: #4d4d4d;
}

#addressBookContainer .addressBookTitle {
	color: #009ac8;
	padding-bottom: 22px;
}
#addressBookContainer .explanation {
	font-size: 11px;
	margin-top: 3px;
}

#addressBookContainer .explanation a {
	color: #f47030;
}
#addressBookContainer #addressBook {
	height: 185px;
	border: 1px solid #000;
	overflow: auto;
	padding: 5px;
	margin-top: 5px;
	background-color: #fff;
	margin-bottom: 17px;
}

.addressBookEntry span {
	vertical-align: top;
}

#referredItems {
	background-color: #D9E0EC;
}

#referredItems h1 {
	color: #666;
	padding: 5px 0 5px 10px;
}

#referredItems .referredItem {
	border-top: 1px solid #fff;
	padding: 5px 0 5px 10px;
	clear: left;
}

#referredItems .itemName {
	width: 420px;
}

#referredItems .oneUser {
	padding-left: 10px;
}

#referredItems .icon {
	float: left;
	margin-right: 10px;
	width: 32px;
	height: 32px;
}

#referredItems .inset {
	margin-left: 42px;
	_padding-right: 10px;
}

#referredItems .shareContainer {
	float: right;
	width: 160px;
}

.msie #referredItems .shareContainer {
	width: 185px;
}

#referredItems .shareContainer a {
	margin-left: 7px;
	width: 16px;
}

.shareWithQPoints .shareContainer {
	border: 1px solid #999;
	background: url(/images/backgrounds/refer_background_large.png) repeat-x;
}

#referredItems .share {
	background: #fdfdfd  url("/images/backgrounds/share_gradient.png") repeat-x scroll 0 0;
	border: 1px solid #999999;
	position: relative;
	left: -2000px;
	margin-right: 12px;
	float: right;
	height: 30px;
	width: 180px;
	z-index: 0;
}

.JA #referredItems .share {
	width: 180px;
}

#referredItems .shareButtonText {
	width: 62px;
	margin-left: 5px;
}

.notmsie #referredItems .share {
	padding-right: 5px;
	margin-top: 3px;
	position: relative;
}

#referredItems .referredHover .share {
	left: 0;
}

#referredItems .qPoints .shareWithoutQPoints {
	display: none;
}

#referredItems .noQPoints .shareWithQPoints {
	display: none;
}

#referredItems .qPointFoil {
	display: none;
	position: relative;
	left: 125px;
}

.msie #referredItems .qPointFoil {
	left: 154px;
	top: -1px;
	#left: 162px;
	_left: 172px;
	#top: -35px;
	_top: -35px;
}

#referredItems .referredHover .qPointFoil {
	display: block;
}

#referredItems .noQPoints .qPointFoil {
	display: none !important;
}

#referredItems .referredHover .share a {
	background-position: 0 0;
}

#referredItems .referredHover .share a:hover {
	background-position: -115px 0;
	text-decoration: none;
}

#referredItems .author {
	color: #666;
	padding-bottom: 5px;
}

#referredItems .count {
	font-style: italic;
	color: #333;
	padding: 5px 0;
	float: left;
	width: 300px;
}

.JA #referredItems .count {
	font-style: normal;
}

#referredItems .hideShow {
	float: left;
	width: 100px;
	padding: 5px 0;
}

#referredItems .redstar {
	float: left;
	width: 12px;
	height: 12px;
	padding-top: 2px;
}

#referredItems .message {
	text-align: center;
	padding: 10px 0;
	font-style: italic;
	font-weight: bold;
}

.JA #referredItems .message {
	font-style: normal;
}

#referredItems .footer {
	font-style: italic;
	padding-right: 10px;
	padding-bottom: 5px;
	text-align: right;
	clear: both;
}

.JA #referredItems .footer {
	font-style: normal;
}

#mostReferred h1 {
	border-bottom: 1px solid #999;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#mostReferred .icon {
	float: left;
	width: 32px;
	margin-right: 10px;
	height: 32px;
}

#mostReferred .description {
	margin-bottom: 5px;
	margin-left: 42px;
}

#mostReferred .author {
	color: #666;
}

#mostReferred .referredItem {
	clear: left;
	margin-bottom: 8px;
	#margin-bottom: 3px;
}

.alwaysActiveLink {
	color: #f47030;
	font-weight: normal;
	cursor: pointer;
}
.alwaysActiveLink:hover {
	text-decoration: underline;
}

/* @group User Validation */
.userValidation {
	padding: 5px 10px 5px 10px;
	font-size: 12px;
}

.userValidation.top {
	color: #f47030;
	font-size: 18px;
	font-weight: bold;

}

.institutionalEmailVerification {
	padding: 10px;
	min-height: 600px;
}

.institutionalEmailVerification .top {
	font-size: 18px;
	font-weight: bold;
}

.institutionalEmailVerification #errorMsg {
	color: #952626;
	font-weight: bold;
}

.institutionalEmailVerification div {
	margin-bottom: 10px;
}

/* @group Author Popup */
.authorPopup {
	font-size: 11px;
}

/* @public profile balloon */
.publicProfileBalloonBox {
	background-color: #fff8e7;
	padding: 8px;
}
.profileEssentialBalloonInfo {
	margin-bottom: 10px;
}

.profileEssentialBalloonInfo .userImage {
	border: 1px solid #ccc;
	float: left;
	height: 52px;
	width: 39px;
}

.profileEssentialBalloonInfo .bioInfoRow {
	margin: 3px 0;
}

.profileEssentialBalloonInfo .bioInfoRowInline .bioLeftItem {
	float: left;
	color: #666;
	text-align: left;
	width: 85px;
}

.profileEssentialBalloonInfo .bioInfoRowInline .bioRightItem {
	margin-left: 77px;
}

.profileEssentialBalloonInfo .bioInfoRow .bioLeftItem {
	color: #666;
	text-align: left;
}

.profileEssentialBalloonInfo .bioInfoRow .bioRightItem {
	padding-left: 10px;
}

.authorPopup .publicProfileItem {
	margin-bottom: 8px;
}

.authorPopup .publicProfileTop {
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

.authorPopupName {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding-bottom: 8px;
}

.authorPopup .awardText {
	font-weight: bold;
	margin-left: 40px;
	padding-top: 9px;
}

.authorPopup .awardImage {
	float: left;
	height: 32px;
	width: 32px;
}

.authorPopup .groupColumn {
	float: left;
	width: 220px;
}

.authorPopup .groupGroup {
	margin-bottom: 7px;
}

.authorPopup .groupHeader {
	font-weight: bold;
	margin-bottom: 4px;
}

.authorPopup .groupItem {
	float: left;
	margin: 4px 0;
	width: 235px;
}

.authorPopup .groupImage {
	float: left;
	height: 20px;
	width: 20px;
}

.authorPopup .groupName {
	margin-left: 28px;
	padding: 3px 10px 0 0;
}


/* @end */

/* @group More Dialog */
#moreDialog {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 111;
}
#moreDialogBackground {
	background-color: #000;
	opacity: 0.1;
	filter: alpha(opacity : 10);
}

#moreDialogInnerDialog {
	-moz-box-shadow: 0 2px 15px #000;
	-webkit-box-shadow: 0 2px 15px #000;
	box-shadow: 0 2px 15px #000;
	background: #fff;
	position: absolute;
	width: 450px;
	z-index: 111;
}

.msie #moreDialogInnerDialog {
	border: 1px solid #999;
}

#moreDialogTitle {
	display: block;
	height: 38px;
	width: 370px;
	overflow: hidden;
}

#moreDialogBody {
	border: 0;
	padding: 1px 0 0 0;
	margin: 0;
}

#moreDialogContents {
	padding: 20px;
}

.moreDialogRightArrow {
	background: url(/images/frames/popup_knotch.png) no-repeat center right;
	width: 30px;
	height: 60px;
	position: fixed;
	z-index: 111;
}
.moreDialogLeftArrow {
	background: url(/images/frames/popup_knotch.png) no-repeat center left;
	width: 30px;
	height: 60px;
	position: fixed;
	z-index: 111;
}
a.moreIcon:hover {
	text-decoration: none;
}

.dpBlock .moreIcon {
	float: right;
	cursor: pointer;
	margin-top: -9px;
	margin-bottom: -15px;
	text-transform: lowercase;
}

.dpBlock .blackFgOverWhiteBgTitle .moreIcon {
    margin-top: 5px;
}

.dpBlock .trailingMoreContainer {
	margin-top: 14px;
	margin-bottom: 5px;
	padding: 10px;
	background: #EEE;
}

.dpBlock .moreIcon2 {
	float: right;
	cursor: pointer;
	margin-top: 0;
}

.dpBlock .popupBeingShown {
	opacity: 1;
	-webkit-transition-duration: 200ms;
	-moz-transition-duration: 200ms;
	transition-duration: 200ms;
}

.msie .dpBlock .popupBeingShown {
	visibility: visible;
}

/* @end */
.scrollWrapper {
	position: relative;
	overflow: hidden;
}

.hideLegacyScrollbar .scrollBar {
	display: none !important;
}

.scrollWrapper.hideLegacyScrollbar {
	overflow-y: scroll;
}

.scrollWrapper .scrollBar {
	display: block;
    background: #eee linear-gradient(left, rgb(221, 221, 221) 0%,
                rgb(238, 238, 238) 50%, rgb(221, 221, 221) 100%);
    width: 15px;
	cursor: pointer;
	position: absolute;
	right: 0;
}

.scrollWrapper .scrollBarUpArrow {
	width: 15px;
	height: 15px;
    background: url(/images/icons/scrollArrows_30x30.png) 0 0;
    position: absolute;
	top: 0;
}

.hover .scrollBarUpArrow {
	background-position: 15px 0;
}

.scrollWrapper .scrollBarDownArrow {
	width: 15px;
	height: 15px;
    background: url(/images/icons/scrollArrows_30x30.png) 0 15px;
    position: absolute;
	bottom: 0;
}

.hover .scrollBarDownArrow {
	background-position: 15px 15px;
}

.scrollWrapper .scrollBarHandle {
	height: 40px;
	background: #009ac8 url(data:image/gif;base64,R0lGODlhCQAHAIABAP///////yH5BAEAAAEALAAAAAAJAAcAAAIKhH+hy70InWwQFQA7) no-repeat center;
	width: 15px;
	position: absolute;
}

.hover .scrollBarHandle {
	background-color: #33aed3;
}

.scrollWrapper .scrollContents {
	overflow-y: hidden;
	padding-right: 30px;
}

.scrollWrapper .newTick {
	height: 1px;
	background: #9eb326;
	border: 1px solid #f5f7e9;
	width: 13px;
	position: absolute;
	font-size: 0;
	line-height: 0;
}

.itemCollection .titleBar,
.itemCollectionFit .titleBar,
.itemCollectionBalanced .titleBar
{
	min-height: 38px;
	background-color: #333;
	color: white;
	margin-bottom: 8px;
}

.itemCollection .titleBarButton,
.itemCollectionFit .titleBarButton,
.itemCollectionBalanced .titleBarButton
{
	float: right;
	border-left: 1px solid white;
	padding: 12px 15px 12px 15px;
	text-align: center;
	background-color: #009ac8;
	font-size: 12px;
	line-height: 14px;
	white-space: nowrap;
	color: white !important;
	text-decoration: none !important;
}

.askQuestion .caption {
	margin-top: 6px;
	margin-bottom: 12px;
}

.askQuestion .denied {
	font-weight: bold;
}

.askQuestion .confirm {
	text-align: right;
}

.askQuestion .smallRoundButton {
	width: 100%;
	padding: 6px 0 !important;
	text-align: center;
	font-size: 14px;
}

.askQuestion .qSmallRoundButton {
	padding: 0;
}

.askQuestion .qSmallRoundButtonLeft,
.askQuestion .qSmallRoundButtonRight
{
	float: none; /* ie hack */
}


/* ie8Dialog used to show the "unsupported browser dialog", so keep it */

#ie8Dialog .dialog {
	position: absolute;
	z-index: 111;
	width: 600px;
}

#ie8Dialog .right {
	float: right;
	width: 50px;
	padding: 10px 0;
	background-color: #009ac8;
}

#ie8Dialog .right a {
	color: white;
	text-align: center;
	display: block;
	text-transform: lowercase;
	font-weight: normal;
}

#ie8Dialog .left {
	padding: 10px;
	background-color: #333;
	color: white;
	font-weight: bold;
	font-size: 16px;
	line-height: 15px;
}

#ie8Dialog .innerBody {
	padding: 20px;
	background-color: white;
	border: 1px solid #ccc;
	border-top: none;
}

#ie8Dialog .icons {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0 20px;
	margin: 20px 0;
}

#ie8Dialog .icons a {
	display: block;
	float: left;
	width: 139px;
	text-align: center;
	color: #f47030;
}
#ie8Dialog .icons img {
	display: block;
	height: 92px;
	width: 92px;
	margin: 0 auto;
}

#ie8Dialog .support a {
	color: #f47030;
}

.smallTitleAlert,.smallTitleAlert a {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	color: #ffffff;
	padding: 8px 0 0 10px;
}

.smallTitleAlert a:hover {
	text-decoration: none;
}


.alertLastRow {
	background-color: #eeeeee;
	height: 30px;
	text-align: right;
	padding: 0 !important;
}

.lastRowText {
	padding: 9px 15px 0 0;
}

.lastRowTextGray {
	color: #999999;
}

.tile {
	padding-left: 10px;
	font-size: 10px;
	width: 290px;
	float: left;
}

.alertIntroRow{
	color: #f47030;
	padding-bottom: 2px;
	font-size: 10px;
}

.newIntroRow{
	color: #009ac8;
	padding-bottom: 2px;
	font-size: 10px;
}

.openedIntroRow{
	color: #666666;
	padding-bottom: 2px;
	font-size: 10px;
}

.topicRow{
	font-size: 10px !important;
	color: #999999;
	padding-top: 2px;
}

.dts{
	color: #999999;
	float:right;
}

.alertSquare{
	float: left;
	height: 10px;
	width: 4px;
	background-color: #f47030;
	margin-top:1px;
}

.emptyBox{
	margin-top:1px;
}

.emptyBoxRight{
	padding-right:2px;
	margin-top:1px;
}

.noActivityImg{
	float: left;
	padding-right: 10px;
}

.noActivityContainer{
	height:42px;
}



.aboutQuantia {
	border-top: 1px solid #AAAAAA;
	float: right;
	margin-top: 25px;
}

.modalPwdDlg {
	padding: 20px;
	background-color: white;
	width: 375px;
}

#requestPasswordReset {
	height: 150px;
}

#modalPwdResetDlg {
	height: 230px;
}

.modalPwdDlg h1 {
	font-size: 15px;
	font-weight: bold;
}

.modalPwdDlg p {
	line-height: 1.4em;
	margin: 12px 0;
}
.modalPwdDlg input {
	width: 362px;
	padding: 4px;
	border: 1px solid #d6d6d6;
}

.modalPwdDlg #forgotButton {
	margin: 28px 140px 0;
}

.modalPwdDlg #forgotPasswordStatus {
	margin-top: 12px;
}

.modalPwdDlg #invalidEmail {
	margin-bottom: -14px;
	color: #c40067;
}

/* The following is for PI header (header info) and footer  */

.centeredPI {
	width: 973px;
	margin: 0 auto;
}

#headerPI {
	padding: 12px 0 12px 0;
    border: 0 solid #f0eee6;
}

#headerSpacePI {
	padding: 20px 0 0 0;
	border-width: 0 0 0 0;
}


#footerBackPI {
	background-color: #fff;
	height: 200px;
    border: 0 solid #f5f5f5;
    border-top-width: 4px;
}


.footerPI {
	margin: 0 auto;
	padding: 12px 0 12px 0;
	background-color: #fff;
    border: 0 solid #f0eee6;
}


.bedownPI {
	clear:both;
	position: relative;
	text-align: center;
	bottom :0;
	right: 0;
	width: 570px;
	height: 30px;
}

.bedownPI a {
	color: #333;
}

.innerTopDlg {
	padding: 16px 0 15px 16px;
	background-color: #f47030;
}

.innerTopDlgTitle {
	font-size: 14px;
	color: white;
	font-weight: bold;
}

.innerTopDlgTitleLink {
	color: white;
	font-weight: normal;
	font-size: 12px;
}

.innerTopDlgTitleLink:hover {
	color: white;
	text-decoration: none;
}

.innerTopDlgTitleLink1 {
	margin-left: 16px;
}

.innerTopDlgTitleLink2 {
	float: right;
	margin-right: 16px;
}

.adgear,
.adgearInHdrOrFtr
{
	text-align: center;
	margin-bottom: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

div.adgear>div:before,
div.adgearInHdrOrFtr>div:before
{
	display: block;
	content: "-- ADVERTISEMENT --";
	color: RGB(135,135,135);
    padding-top: 12px;
	padding-bottom: 10px;
}