/**************** TEMPORARY FILE (NEED TO BE ADDED TO THE MAIN CSS FILE AT THE END) *****************/
 
/* SharePoint fix for WebPart panel editor (edit mode) */
#MSOTlPn_WebPartPageDiv{ width: 97% !important;}
.ms-ToolPaneOuter{ position: absolute; top: 0px; right: 15px; z-index: 999;}

/* Mask for background, by default is not display */
#mask {
	background: #00739F; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.4;
	filter: alpha(opacity=40);
	z-index: 1000;
}
span.error-link
{
    vertical-align: top;
}

/* Process Steps */
.mod-process-steps {
    margin-left: 24px;
}
.mod-process-steps .s-cos-item-bullet {
    margin-right: 12px;
    width: 24px;
}
.mod-process-steps .s-cos-item-content {
    width: 98px;
}
.mod-process-steps .s-cos-item-title, .mod-process-steps .s-cos-item-desc {
    color: #222222;
}
.mod-process-steps .s-cos-item-title {
    font-size: 14px;
    font-weight: 600;
}
.mod-process-steps .s-cos-item-desc {
    font-size: 14px;
    margin-top: 6px;
}
.mod-process-steps .s-cos-item {
    margin-right: 12px;
    width: 145px;
}
.mod-process-steps .s-cos-item.fn-active .s-cos-item-title, .mod-process-steps .s-cos-item.fn-active .s-cos-item-desc {
    color: #00739F !important;
}
.mod-process-steps .s-cos-item.fn-last {
    margin-right: 0;
}

/* Process Buttons*/

.mod-process-buttons .s-coc-back-link input, .mod-process-buttons .s-coc-next-link input, input.s-anchor-button {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mod-process-buttons .s-coc-back-link img { margin-right: 8px; }
.mod-process-buttons .s-coc-next-link img { margin-left: 8px; }

.mod-process-buttons .s-coc-back-link span, .mod-process-buttons .s-coc-back-link input, .mod-process-buttons .s-coc-next-link span, .mod-process-buttons .s-coc-next-link input, input.s-anchor-button {
    color: #00739F;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
}

.mod-process-buttons .s-coc-back-link input, .mod-process-buttons .s-coc-next-link input, input.s-anchor-button { 
	padding: 0 !important; margin: 0 !important; background: transparent none !important; border: none !important; 
}

/* Simple Table */

.mod-simple-table {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #E6E6E6 #E6E6E6 -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    width: 100%;
    margin-bottom: 20px;
}

.mod-simple-table thead {
    background-color: #E6E6E6;
}
.mod-simple-table thead th {
    color: #222222;
    padding: 12px;
	text-align:left;
}
.mod-simple-table thead th .mod-text-error 
{
    font-weight:normal;
}
    
.mod-simple-table tbody th {
	font-weight:normal;	
	text-align:left;
}
.mod-simple-table tbody th, .mod-simple-table tbody td {
    color: #222222;
    padding: 4px 12px;
}
.mod-simple-table tr {
    border-bottom: 1px solid #E6E6E6;
}

.mod-simple-table tbody p, .mod-simple-table tbody p {
	margin-bottom:.3em;
}

.mod-simple-table .s-cot-caption, .mod-simple-table caption {
    padding: 12px 0;
    text-align: left;
}
.mod-simple-table .s-cot-caption a {
    color: #00739F;
}
.mod-simple-table .s-cot-caption a:hover {
    text-decoration: underline;
}

.mod-simple-form .s-sfo-sect-row .s-sfo-generic-col.s-sfo-sect-first {
    margin-top: 4px;
    text-align: right;
	width: 15%; 
}
.mod-simple-form .s-sfo-sect-row .s-sfo-generic-col.s-sfo-sect-sec {
    margin-left: 2%;
	width:83%;
}

.s-tb-sect-content .mod-simple-form .s-sfo-sect-row .s-sfo-generic-col.s-sfo-sect-sec {
	width:83%;
}

/* Radio Check Group */
.mod-simple-form .s-cof-part-radio-check {
    margin-left: 12px;
    width: 398px;
}

.mod-simple-form .s-cof-title, .mod-simple-form .s-cof-title-wrapper legend {
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 0 24px 12px;
    text-transform: uppercase;
}

.mod-simple-form .s-cof-row {
    margin-bottom: 12px;
}

/* Vertical Data */	
.mod-vertical-data dl {
	overflow:hidden;
        margin-bottom:1em;
}

.mod-vertical-data dl dt {
	clear:left;
	float:left;
	margin:0.4em 0.3em 0.3em 0;
	font-weight:bold;
	width: 159px;
	text-align: right;
	padding: 2px;
}

.mod-vertical-data dl dd {
	margin:0.4em 0.3em 0.3em 0;
	overflow:hidden;
	float:left;
	margin-left: 12px; 
	padding:2px;
}

.mod-vertical-data dl dd p {
	margin-top:.6em;
	margin-bottom:0;
}

.mod-vertical-data dl dd dl {
	clear:left;	
	padding-top:.6em;
	margin-left:2em;
}

.hidden 
{
    /* note: you can use the "fn-none" class */
    display: none;
}

div.lightbox .s-sfo-sect-note.fn-help-popup, div.lightbox .fn-control-popup {
    display: block;
    left: 30%;
    position: fixed;
    right: 30%;
    top: 30%;
    z-index:1001;
    background-color: #FFFFFF;
    border: 1px solid #B3B3B3;
    box-shadow: 3px 3px 3px #B3B3B3;
    margin: 0 auto;
    min-height: 100px;
    overflow: hidden;
    padding: 5em 2em 2em;
    font-weight: normal;
    text-align: left;
}
div.lightbox h1 
{
    color: White;
    background-color: #00739F;
    left: 0;
    padding: 10px 20px !important;
    position: absolute;
    top: 0;
    width: 100%;
    font-size: 16px !important;
    letter-spacing: 0 !important;
}
div.lightbox .s-sfo-sect-note.fn-help-popup p.close, div.lightbox .fn-control-popup p.close {
    position: absolute;
    right: 7px;
    top: 7px;
}
div.lightbox .s-sfo-sect-note.fn-help-popup p.close a, div.lightbox .fn-control-popup p.close a{
    background: url("/Style%20Library/Images/icon_close.gif") no-repeat scroll right 2px transparent;
    display: block;
    min-height: 30px;
}

.mod-rtf em, .mod-rtf org { font-style: italic; color: #00739F;}

.mod-brief-basket .s-bbk-credit-container { position: relative; width: 234px; border: #E6E6E6 1px solid; }
.mod-brief-basket .s-bbk-credit-text { text-align: right; font-weight: bold; float:right; min-height: 12px; margin-top: 60px; margin-left:-120px; }
.mod-brief-basket .s-bbk-credit-content {width: 234px; text-align: center;}
.mod-brief-basket .s-bbk-credit-text .MSEPMcredit a { color: #003966;}

.creditAlert { color:red; }

a.creditAlert:visited { color:red; }

.CreditAlertBox {
        clear:left;
        display: block;
        height: auto;		
}

.CreditAlertBox:after {
        content: ".";
        display: block;
        height: 0;
        clear: left;
        visibility: hidden;		
}

.cartSpecialItem
{
	background-color:#D4E9FF;    
}

.creditBalanceContainer{
    width:45%;
    float:right;
    vertical-align:middle;
	border:1px solid #D4E9FF;
	padding-top:15px;	
	padding-left:20px;
	padding-right:20px;
	padding-bottom:15px;
	font-weight:normal;
	-moz-box-shadow: inset 0 0 4px 4px #D4E9FF;
    -webkit-box-shadow: inset 0 0 4px 4px #D4E9FF;
    box-shadow: inset 0 0 4px 4px #D4E9FF;
}

.creditBalanceContainer a
{
    color: #00739F;
    font-weight:bold;
}

.s-coc-promo-title
{
    padding-right: 6px;
    font-weight: bold;
}

.promoError
{
    color: #ff4200;
    font-style: italic;
    font-weight: bold;
    margin-top: 6px;      
}

.fn-gap-medium 
{ 
	display: block; 
	height: 20px; 
	width:100%;
}

.payWithCredit
{
    font-weight:bold;
    text-align:right;
}

.important-instruction {
	color:#ff4200;
	font-weight:bold;
}

.descriptionColor
{
    color: #222222;
}

/* RadEditor */
.mod-rad-xxl .RadEditor { min-height: 860px !important; height: 860px !important; }
.mod-rad-xxl iframe, .mod-rad-xxl table { min-height: 760px !important; height: 760px !important; }

.mod-listing-info .s-lin-item { margin-bottom: 10px; }

/* Community RSS Web Part */
.mod-our-community p {
    line-height: 15px;
}

.mod-our-community a {
     color: #222;
}

.mod-our-community a.s-oc-more:after, .mod-checkout-table .s-cot-caption a:after, .see-full-rules a:after {
    background: url("../images/bg/bullet-next.png") no-repeat scroll left top transparent;
    content: "";
    display: inline-block;
    height: 9px;
    margin-left: 8px;
    width: 6px;
}

.mod-checkout-cart dl {
    overflow: hidden;
}

/* Donation Center page */
.mod-listing-info dl.vertical-data {
    margin-bottom: 2em;
    line-height: 1.7em;
    overflow: hidden;
}
.mod-listing-info dl.vertical-data dt {
    clear: left;
    float: left;
    font-weight: bold;
    margin: 0 0.3em 0.3em 0;
}
.mod-listing-info dl.vertical-data dd {
    float: left;
    margin: 0 0.3em 0.3em 0;
    overflow: hidden;
}
.mod-listing-info dl.vertical-data dd p {
    margin-bottom: 0;
    margin-top: 0.5em;
}
.mod-listing-info dl.vertical-data dd p.close {
    margin: 0;
}
.mod-listing-info dl.vertical-data dd dl.vertical-data {
    clear: left;
    margin-left: 2em;
    padding-top: 0.6em;
}
/* Donation Center page - Allotment Full message */
.mod-listing-info .mod-simple-message {
    background: url("/_layouts/15/TechSoup/ui/images/redX.png") no-repeat scroll 15px center #E6E6E6;
    width: auto;
    margin-top: 0;
    padding-left: 60px;
}
.mod-listing-info .mod-simple-message p {
    font-style: normal;
}
.mod-listing-info .mod-simple-message a {
    color: #00739F;
    font-weight: normal;
}
/* Donation Center page - Rules */
.mod-listing-info .mod-rtf ol li.footnote {
    font-size: 0.9em;
    list-style-type: none;
    margin-left: -20px;
}
.mod-listing-info .see-full-rules a {
    display: block;
    text-align: right;
    font-weight: bold;
}
/* Donation Center page - Title Groups */
.mod-simple-box .s-sb-title span.error-link {
    margin-left: -20px;
    margin-right: 0;
    padding-left: 0;
} 
.mod-simple-box .s-sb-title div.lightbox {
    text-transform: none; 
}
.mod-simple-box .s-sb-title h2 {
    margin-top: -20px;
}
.mod-simple-box .s-sb-title span.mod--msdc-group {
    text-transform: none;
    line-height: inherit;
    margin-left: 0;
}
.mod-simple-box .mod--msdc-group span {
    margin: 0;
    padding: 0;
}
.mod-simple-box .mod--msdc-group .s-sb-remaining {
    margin-left: 10px;
}
.mod-simple-box .s-sb-title span.s-sb-number {
    font-size: 22px;
}
.mod-listing-info .title-group-section ol {
    padding: 10px 0 0 40px;
}
.mod-listing-info ol.title-group-list li, .mod-listing-info ol.server-license-list li.server-license {
    margin-bottom: 15px;
}
.mod-listing-info ol.title-group-list { 
    counter-reset: mycounter; 
}
.mod-listing-info ol.title-group-list li:before, .mod-listing-info ol.server-license-list li.server-license:before { 
    content: counter(mycounter) ". "; 
    counter-increment: mycounter;
}
.mod-listing-info .title-group-section ol li h3 {
    color: #555555;
}
.mod--msdc-group {
    margin: 0;
}
.mod--msdc-group .mod-titlegroup-number {
    display: block;
    padding-right: 100px;
    text-align: right;
}
.mod--msdc-group .s-sb-number {
    font-size: 14px;
}
.mod-draw-progress {
    margin: 0;
}
.mod-draw-progress .s-dp-bar-wrapper {
    border-radius: 0;
    height: 8px;
    margin: 0 12px;
    width: 470px;
    background-color: #FF8300;
}
.mod-draw-progress .s-dp-bar {
    background-color: #B3B3B3;
}
.mod-draw-progress .s-dp-limit {
    width: auto;
    line-height: 8px;
}
.mod-listing-info .server-products-area {
    display: table;
    background-color: #E6E6E6;
    border-spacing: 20px;
    width: 100%;
}
.mod-listing-info .title-group-section .server-products-area ol {
    padding-left: 20px;
}
.server-products-area ol li h3 a, .server-product h3, .server-products-area .server-license-name {
    color: #00739F;
}
.mod-listing-info .title-group-section .server-products-area ul.s-sb-complete {
    list-style-type: disc;
}
.server-product .mod--msdc-group .mod-titlegroup-number {
    padding-right: 60px;
}
.mod-listing-info .server-product {
    display: table-cell;
    border: #E6E6E6 1px solid;
    padding: 15px;
    width: 250px;
}
.mod-listing-info .title-group-section h3 {
    display: inline;
}
.mod-listing-info .server-product .mod-draw-progress {
    text-align: right;
}
.mod-listing-info .server-product .mod-draw-progress .s-dp-bar-wrapper {
    width: 170px;
}
.mod-listing-info .cart-link {
    background: url("/_layouts/15/TechSoup/ui/images/cart32.png") no-repeat scroll 10px 0px transparent;
    margin-bottom: 1em;
    min-height: 25px;
    padding: 0 10px 15px 60px;
}
.mod-listing-info .cart-link, .donation-summary { line-height: 14px; }
/* Donation Center page - right column */
.donation-summary a { color: #00739F; }
em.dynamic {
    color: #00739F;
    font-style: normal;
}
.donation-summary-logo {
    display: block;
    margin: 15px auto;
}
.donation-summary-text {
    display: block;
    padding: 0 24px;
}
.donation-summary-promo {
    background-color: #E6E6E6;
    color: #00739F;
    display: block;
    line-height: 1.1em;
    margin: 0.5em 0;
    overflow: hidden;
    padding: 0.5em 1em;
    text-align: center;
}
.donation-summary-promo .number {
    display: block;
    font-size: 1.5em;
    line-height: 1em;
    padding-bottom: 0.2em;
    white-space: nowrap;
}
.donation-summary-footnote {
    font-size: 0.9em;
    display: block;
    text-align: center;
}
.mod-checkout-table a {
    color: #00739F;
}
.mod-checkout-table a:hover {
    text-decoration: underline;
}
.mod-checkout-table .s-cot-caption a {
    font-weight: bold;
    margin-left: 10px;
}
/* Donation Center page END */

.mod-donation-table { width: 100%; border: #E6E6E6 1px solid; border-bottom: none; }
.mod-donation-table.fn-add-bottom-spacer { margin-bottom: 20px; }
.mod-donation-table .s-cot-restiction-col { border-bottom: none !important; }
.mod-donation-table thead { background-color: #E6E6E6; }
.mod-donation-table thead th { padding: 12px; color: #222222; }
.mod-donation-table tbody td { padding: 4px 12px; }
.mod-donation-table tbody th, .mod-donation-table tbody td { color: #222222; }
.mod-donation-table th, .mod-donation-table .s-cot-b-restrictions, .mod-donation-table td.fn-add-bottom-border { border-bottom: #E6E6E6 1px solid; }
.mod-donation-table .s-cot-b-restrictions { font-style: italic; }
.mod-donation-table .s-cot-caption { text-align: left; padding: 12px 0; }
.mod-donation-table .s-cot-caption a { color: #00739F; }
.mod-donation-table .s-cot-caption a:hover { text-decoration: underline; }
.mod-donation-table .s-cot-b-input-qt { text-align: right; }
.mod-donation-table .s-cot-h-product { width: 326px; }
.mod-donation-table .s-cot-h-availability { width: auto; }
.mod-donation-table .s-cot-h-quantity { width: 19%; }
.mod-donation-table .s-cot-h-price { width: 12%; }
.mod-donation-table .s-cot-h-sub-total { width: 17%; }
.mod-donation-table .s-cot-b-sub-total span { width: 85px; }
.mod-donation-table .s-cot-b-sub-total p { width: 40px; }
.mod-donation-table .s-cot-h-availability, .mod-donation-table .s-cot-b-availability { text-align: center; }
.mod-donation-table .s-cot-h-quantity, .mod-donation-table .s-cot-b-quantity { text-align: center; }
.mod-donation-table .s-cot-h-price, .mod-donation-table .s-cot-b-price { text-align: right; }
.mod-donation-table .s-cot-h-sub-total, .mod-donation-table .s-cot-b-sub-total { text-align: right; }
.mod-donation-table .s-cot-h-sub-total.fn-add-right-spacer, .mod-donation-table .s-cot-b-sub-total.fn-add-right-spacer { padding-right: 37px !important; }
.mod-donation-table .s-cot-b-sect-prod { padding: 12px; }
.mod-donation-table .s-cot-b-sect-prod-image-container { padding-right: 12px; }
.mod-donation-table .s-cot-b-sect-prod-image-container img { width: 62px; }
.mod-donation-table .s-cot-b-sect-prod-image-container a:hover { text-decoration: none; }
.mod-donation-table .s-cot-b-sect-prod-image-container a:hover .s-cot-b-sect-prod-title span { text-decoration: underline; }
.mod-donation-table .s-cot-b-sect-prod-content { width: 252px; }
.mod-donation-table .s-cot-b-sect-prod-content a:hover { text-decoration: underline; }
.mod-donation-table .s-cot-b-sect-prod-title, .mod-donation-table .s-cot-b-sect-prod-number, .mod-donation-table .s-cot-b-sect-prod-desc, .mod-donation-table td { font-size: 12px !important; line-height: 15px !important; }
.mod-donation-table .s-cot-b-prod-medias fieldset { margin-top: 12px; padding-left: 36px; }
.mod-donation-table .s-cot-b-prod-medias legend { padding-bottom: 4px; }
.mod-donation-table .s-cot-b-remove { margin-left: 12px; }
.mod-donation-table .s-cot-b-remove img { width: 13px; height: 13px; }
.mod-donation-table .s-cot-b-restrictions-warning { margin-bottom: 12px; }
.mod-donation-table .s-cot-b-restrictions-warning .s-cot-icone-container { width: 50px; text-align: right; padding: 12px 12px 12px 0; }
.mod-donation-table .s-cot-b-restrictions-warning .s-cot-icone-container img { background: transparent url(/stock/images/warning.png) top left no-repeat; width: 20px; height: 18px; }
.mod-donation-table .s-cot-b-restrictions-warning .s-cot-b-restrictions-list { width: 820px; padding: 12px 0; }
.mod-donation-table .s-cot-b-restrictions-list li { color: #ff4200; font-style: italic; font-weight: 600; margin-bottom: 6px; }

.mod-donation-table tbody th, .mod-donation-table tbody td.disabled { color: #B3B3B3; }

/*Used to display text in three columns, columns not supported for IE - http://www.quirksmode.org/css/multicolumn.html*/
div.threeColumns {
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
}

/*footer*/
.mod-main-footer .s-mf-part-programs .s-mf-copyright-section  
{
    display: block; 
    position: absolute; 
    bottom: 10px; 
    right: 0; 
}
    
.mod-main-footer .s-mf-part-programs .s-mf-copyright-note 
{ 
    display: block; 
    text-align: right; 
    line-height: 20px; 
    font-size: 10px; 
}

.fn-width-full {width: 100% }
.mod-confirm-popup { margin-top: 65px; text-align: left; width: 100% }
.mod-confirm-popup .s-bbk-main-container { position: relative; border: #E6E6E6 1px solid; width: 100%;}
.mod-confirm-popup .s-bbk-sumary { text-align: center; font-weight: bold; background-color: white; margin-top: -9px; padding: 0 6px; }
.mod-confirm-popup .s-bbk-text { text-align: center; margin: 12px 48px 15px 12px; min-height: 10px; }

.ext-mod-simple-form--update-email .s-sfo-sect-textfield { width: 300px; }
.ext-mod-simple-form--update-email .s-sfo-sect-row .s-sfo-sect-col.s-sfo-sect-common-checkbox { width: 20px; }
.ext-mod-simple-form--update-email .s-sfo-sect-row .s-sfo-sect-col.s-sfo-sect-first { width: 120px; }
.ext-mod-simple-form--update-email .s-sfo-sect-row .s-sfo-sect-col.s-sfo-sect-sec { width: 413px; }

div.lightbox .fn-control-popup.fn-control-update-email
{
    width:600px;
}

div.lightbox .fn-control-popup.fn-control-update-email.fn-control-update-email-adjust-confirmation
{
    top:10% !important;   
}