/* -- BEGIN SPHERE CSS -- */
	
	





 













    
    





	












































































 

   


  

  

   

 

 

 

 

   





















 


	/* ## SSI BASE ## */
	.surphace-ssi {
		display: block;
		text-align: left;
		clear: both;
		margin: 10px 0;
	}

	.surphace-ssi .quadrant {
		margin: 0;
		margin-bottom: 1em;
	}

	.surphace-ssi .quadrant-header {
		margin: 0;
		margin-bottom: 6px;
		font-weight: bold;
	}


    .surphace-ssi a.video-icon {
    	display: block;
    	float: left;
    }

    .surphace-ssi a.video-icon .video-icon-overlay-base {
        /* for overlay */
        position:relative;
    }

	.surphace-ssi a.video-icon img {
		height: 30px;
		width: 30px;
		margin: 0 5px 5px 0;
		padding: 0;
		border: 0;

        /* for overlay */
        position:relative;
        z-index: 1;
	}
	
	.widget_quad_video .quadrant-item-link {
		margin-left: 36px;
	}
	.widget_quad_video li {
		clear: left;
	}
	
	
    .surphace-ssi a.video-icon .video-icon-overlay {
        position:absolute;
        z-index: 2;
        left: 0px;
        opacity: 0.7;
    }
    * html .video-icon-overlay {
        filter: alpha(opacity = 70);
        zoom: 1;
    }

	.surphace-ssi .ssi-footer {
		clear: both;
		padding: 1px 12px 6px;
		height: 22px;
	}

	.surphace-ssi .ssi-content {
		padding: 8px 0px 10px 10px;
	}

	.surphace-ssi .ssi-theme-border {
		border: 1px solid;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}

	.surphace-ssi .surphace-morerelated {
		margin-top: 4px;
		display: inline-block;
		display: -moz-inline-box;
	}

	.surphace-ssi .surphace-poweredby {
		margin-top: 2px;
		float: right;
		display: inline-block;
		display: -moz-inline-box;
		background-repeat: no-repeat;
		background-image: url(/images/poweredby/poweredbysurphace-stacked.png);
		width: 81px;
		height: 29px;
	}

	/* ## DEFAULTS FOR THEMED MODULES ## */

	.surphace-ssi .ssi-themed .ssi-content {
		font-size: 10px;
		line-height: 1.5em;
	}

	.surphace-ssi .ssi-themed .quadrant-header {
		font-size: 1.4em;
	}

	.surphace-ssi .ssi-themed .quadrant-item {
		font-size: 1.2em;
		margin-bottom: 0.7em;
		clear: left;
	}

	.surphace-ssi .ssi-themed a {
		text-decoration: none;
	}
	.surphace-ssi .ssi-themed a:hover {
		text-decoration: underline;
	}

	/* reset UL and LI for themed modules */
	.surphace-ssi .ssi-themed ul,
	.surphace-ssi .ssi-themed li {
		background-color: transparent; background-image: none; baseline-shift: baseline; border: none; cursor: auto; direction: ltr; float: none; font-size: inherit; font-style: normal; font-variant: normal; font-weight: normal; glyph-orientation-horizontal: 0deg; glyph-orientation-vertical: auto; height: auto; letter-spacing: normal; lighting-color: white; line-height: normal; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; max-height: none; max-width: none; min-height: 0px; min-width: 0px; opacity: 1; outline: none; padding: 0; text-align: auto; text-decoration: none; text-indent: 0px; visibility: visible; white-space: normal; width: auto; word-break: normal; word-spacing: 0px; word-wrap: normal;
	}
	.surphace-ssi .ssi-themed ul {
		display: block;
	}
	.surphace-ssi .ssi-themed li {
		display: list-item;
	}

	.surphace-ssi .ssi-themed img {
		border: 0;
	}
	
	.surphace-ssi .ssi-themed .quadrant-item-source {
		font-size: 0.8em;
		color: #999;
		margin-top: 2px;
		font-family: Arial, Helvetica, san-serif;
	}
	

	/* ## SSI LAYOUTS ## */

	/* --- wide --- */
	.surphace-ssi .ssi-format-wide .ssi-themed .ssi-content {
		font-size: 11px;
	}

	.surphace-ssi .ssi-format-wide .quadrant {
		width: 47%;
		padding-right: 2%;
		float: left;
	}
	.surphace-ssi .ssi-format-wide .quad3,
	.surphace-ssi .ssi-format-wide .quad5 {
		clear: both;
	}
	.surphace-ssi .ssi-format-wide .ad {
		text-align: center;
	}
	.surphace-ssi .ssi-format-wide .ad-wide {
		float: none;
		text-align: center;
		margin-top: 15px;
		width: auto;
	}

	/* --- standard --- */
	.surphace-ssi .ssi-format-standard .quadrant {
		padding-right: 12px;
	}

	.surphace-ssi .ssi-format-standard .ad {
		text-align: center;
		padding-top: 12px;
	}

	.surphace-ssi .ssi-format-standard .surphace-poweredby {
		margin-top: 0px;
	}



	/* --- narrow --- */
	.surphace-ssi .ssi-format-narrow .ssi-content {
		padding-right: 12px;
	}
	.surphace-ssi .ssi-format-narrow .ssi-themed .ssi-content {
		font-size: 9px;
	}

	.surphace-ssi .ssi-format-narrow .ad {
		padding-top: 12px;
	}

	.surphace-ssi .ssi-format-narrow .ssi-footer {
		padding-bottom: 10px;
	}

	.surphace-ssi .ssi-format-narrow .surphace-poweredby {
		float: none;
		display: block;
		width: 81px;
		height: 29px;
		margin: auto;
		margin-top: 6px;
	}


	/* ## SSI THEMES ## */

	/* --- default --- */
	.surphace-ssi .ssi-theme-default {
		background-color: #fafafa;
		color: #006C97;
	}
	.surphace-ssi .ssi-theme-default .ssi-content {
		font-family: Arial, Helvetica, san-serif;
	}
	.surphace-ssi .ssi-theme-default .quadrant-header {
		color: #444;
	}
	.surphace-ssi .ssi-theme-default a {
		color: #006C97;
	}
	.surphace-ssi .ssi-theme-default a.video-icon img {
		border-color: #444;
	}


	/* --- dark --- */
	.surphace-ssi .ssi-theme-newsie-dark {
		border-color: #000;
		border-width: 3px;
		background-color: #222;
		color: #888;
	}
	.surphace-ssi .ssi-theme-newsie-dark .ssi-content {
		font-family: Georgia, Times, serif;
		padding-top: 10px;
	}
	.surphace-ssi .ssi-theme-newsie-dark .quadrant-header {
		font-family: Arial, Helvetica, san-serif;
		font-size: 1em;
		text-transform: uppercase;
		color: #888;
	}
	.surphace-ssi .ssi-theme-newsie-dark .quadrant-items {
		font-size: 1.2em;
	}
	.surphace-ssi .ssi-theme-newsie-dark a {
		color: #ccc;
	}
	.surphace-ssi .ssi-theme-newsie-dark .surphace-morerelated a {
		font-family: Arial, Helvetica, san-serif;
		font-size: 10px;
		text-transform: uppercase;
	}
	.surphace-ssi .ssi-theme-newsie-dark .surphace-poweredby {
		background-image: url(/images/poweredby/poweredbysurphace-stacked-white.png);
	}
	.surphace-ssi .ssi-theme-newsie-dark .quadrant-item-source {
		font-size: 0.7em;
	}

	/* --- light --- */
	.surphace-ssi .ssi-theme-newsie-light {
		background-color: #fafafa;
		color: #333333;
	}
	.surphace-ssi .ssi-theme-newsie-light .ssi-content {
		font-family: Georgia, Times, serif;
		padding-top: 10px;
	}
	.surphace-ssi .ssi-theme-newsie-light .quadrant-header {
		color: black;
		font-family: Arial, Helvetica, san-serif;
		font-size: 1em;
		text-transform: uppercase;
	}
	.surphace-ssi .ssi-theme-newsie-light .quadrant-items {
		font-size: 1.2em;
	}
	.surphace-ssi .ssi-theme-newsie-light a {
		color: #003366;
	}
	.surphace-ssi .ssi-theme-newsie-light a.video-icon img {
		border-color: #444;
	}
	.surphace-ssi .ssi-theme-newsie-light .surphace-morerelated a {
		font-family: Arial, Helvetica, san-serif;
		font-size: 10px;
		text-transform: uppercase;
	}
	.surphace-ssi .ssi-theme-newsie-light .quadrant-item-source {
		font-size: 0.7em;
	}

	/* --- mint --- */
	.surphace-ssi .ssi-theme-mint {
		background-color: #E1E9E5;
		background-image: url(/images/ssi/themes/mint-bg.gif);
		color: #00597D;
	}
	.surphace-ssi .ssi-theme-mint .ssi-content {
		font-family: Georgia, Times, serif;
	}
	
	.surphace-ssi .ssi-theme-mint .ssi-theme-border {
		border-color: #00597D;
	}

	.surphace-ssi .ssi-theme-mint .quadrant-header {
		color: #00597D;
	}
	.surphace-ssi .ssi-theme-mint a {
		color: #00597C;
	}
	.surphace-ssi .ssi-theme-mint .quadrant-item-source {
		color: #60899A;
	}

	/* --- notepad --- */
	.surphace-ssi .ssi-theme-notepad {
		border-color: #A8AA89;
		background-color: #FFFFdd;
		color: #687689;
	}
	.surphace-ssi .ssi-theme-notepad .ssi-content {
		font-family: Comic Sans, Comic Sans MS, cursive;
		background-image: url(/images/ssi/themes/notepad-stripe.gif);
		padding-top: 10px;
		padding-left: 25px;
		background-position: -8px 0;
	}
	.surphace-ssi .ssi-theme-notepad .quadrant-header {
		color: #887;
		font-size: 1.4em;
	}
	.surphace-ssi .ssi-theme-notepad a {
		color: #009;
	}
	.surphace-ssi .ssi-theme-notepad .quadrant-item-source {
		font-family: inherit;
	}
	.surphace-ssi .ssi-format-narrow .ssi-theme-notepad .ssi-content {
		background-position: -12px 0;
		padding-left: 18px;
	}
	.surphace-ssi .ssi-format-narrow .ssi-theme-notepad .ssi-footer {
		padding-right: 10px;
	}


	/* --- pink lady --- */
	.surphace-ssi .ssi-theme-pinklady {
		border-color: #FF62B1;
		background-color: #FFF2F2;
		background-image: url(/images/ssi/themes/pinklady-bg.gif);
		color: #FF62B1;
	}
	.surphace-ssi .ssi-theme-pinklady .quadrant-header {
		color: #DF3A8C;
	}
	.surphace-ssi .ssi-theme-pinklady a {
		color: #DF3A8C;
	}
	.surphace-ssi .ssi-theme-pinklady .quadrant-item-source {
		color: #E7A3C3;
	}




/* -- END SPHERE CSS -- */