﻿/* used by the Starter Publishing master page for fixed width display */

/* used to reset the ootb styles on the title row tag in the Starter Collab master page; used for the fullscreen button in SP */
#s4-titlerow {
	background-color: transparent;
    margin: 0;
    padding: 0;
    height: auto;
}


.ms-srch-sb-border, .ms-srch-sb-borderFocused, .ms-srch-sb-border:hover{
    border: none;
}


#sideNavBox{
	display:none;
}




/*overrides*/
.container-fluid{
	padding:0px!important;
}

body {
    color: #333333;
    font-family: Calibri,sans-serif;
    font-size: 12px;
    line-height: 20px;
}


.navbar-inverse .navbar-inner {
    background-image: linear-gradient(to bottom, #2B0D18, #2B0D18)!important;
	background-repeat:repeat-x;
	border-color: #252525;
	background-color:#2B0D18;
}


.navbar-inner .container{
	max-width:940px;
	margin:auto;
}



/*3 Homepage Components */



.SUN_home3items h3{ 
font-family:Georgia, "Times New Roman", Times, serif; 
font-size:24px; 
font-weight:normal;
background-color:#25293F;
color:#fff;
padding:10px;
margin:0px 0px 10px 0px;


}



.SUN_home3items h4{
font-family:Georgia, "Times New Roman", Times, serif; 
font-size:18px; 
font-weight:normal;
background-color:#ccc;
padding:10px;
margin:0px;
color:#25293F;
}

.SUN_home3items a{color:#25293F;
}


.SUN_home3items .SUN_tab_readmore a{
background-color:#25293F; 
color:#fff; 
text-decoration:none; 
padding:6px 8px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
}

.SUN_home3items .span6{ background-color:#ccc; position:relative; text-indent:10px; font-size:12px!important;
}
.SUN_home3items ul {padding:0px 35px;;}











html,body
{
height:100%;
}

#wrap
{
min-height: 100%;

}

#s4-bodyContainer
{
min-height: 100%!important;
padding-bottom: 0px;
}


.SUN_header_banner .container-fluid, .SUN_body {
	max-width:940px!important;
	margin:auto;
}






/* Banners Containers */ 



.SUN_fluid_splash_container{
	background-image:url('../Images/SUN_splash_img_test100.png');
	background-repeat:no-repeat;
	background-position:center 120px;
}

/*.SUN_fluid_splash_container{
	background-image:url('http://www.sun.ac.za/Style%20Library/Images/SU-Mandela-Day.jpg');
	background-repeat:no-repeat;
	background-position:center 120px;
}*/



.SUN_toplinks_banner{
	background-image:url('../Images/SUN_bg_toplinks.jpg');
	background-repeat:repeat-x;
	overflow:visible;
	height:36px;
	color:#fff;
	line-height:36px;
	font-family:Arial, Helvetica, sans-serif!important;;
	font-size:12px;
}



.SUN_header_banner{
	background-image:url('../Images/SUN_bg_header.jpg');
	background-repeat:repeat-x;
	background-color: #d0d2d1;
	height:140px;
}

.SUN_topNav_banner{
	background-image:url('../Images/SUN_bg_nav.jpg');
	background-repeat:repeat-x;
	height:50px;	
}

/* langugae toggle */
.SUN_language-toggle {
	float:right;
	width:auto;
}

.SUN_language_toggle .ms-signInLink,
.SUN_language-toggle .SUN_lan_toggle_button  {
	 background-color: #E8E8E8;
    box-shadow: 0 1px 2px 0 #999999;
    color: #999999;
    height:auto;
    line-height:20px;
    margin-right:5px;
}

.SUN_language_toggle a,
.SUN_language-toggle a{
font-family:Georgia;
text-transform:uppercase;
font-size:12px;
color:#fff;
padding:10px;
text-decoration:none;
float:right;	
}

.SUN_language_toggle .active,
.SUN_language-toggle .active{
	background-color:#E8E8E8;
	color:#999;
	box-shadow: 0px 1px 2px 0px #999;
	
}

.SUN_language_toggle a:hover,
.SUN_language-toggle a:hover{
	background-color:#E8E8E8;
	color:#50182F;
	
}

.SUN_logo{
width:105px;
height:111px;	
}

.ms-siteicon-img {
    display: block;
    max-height: 111px;
    max-width: 105px;
}


.ms-siteicon-a {
    display: inline-block;
    max-height: 111px;
    max-width: 105px;
    padding:10px 0px;
}


/* ----- Footer -----*/
.SUN_footer { 
	margin:0 auto;
	background:url(../images/SUN_bg_footer.jpg) repeat;
	max-width:980px;
	width:100%;
}

.SUN_footer .span3 {
	width:22.448%;
}

.SUN_footer ul{
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 30px;
    padding-top: 18px;
    padding-bottom: 38px;
    height:100%;
    border-left: 1px dotted #CCCCCC;
}

ul.SUN_middle_ul {
	padding-bottom:57px;
}

.SUN_footer p {
	color:#fff;
	padding-top:18px;
	border-left: 1px dotted #CCCCCC;
	padding-left:30px;
	padding-bottom: 39px;
	margin:0;
}

.SUN_bottom_nav{ 
	color: #333333;
    font-size: 18px;
    min-height: 30px;
    padding-top: 7px;
    text-align: center;
}

.SUN_bottom_nav a{ color:#333!important; padding:2px 12px 2px 5px; font-size:14px;}

a.SUN_vert_line:link {
	border-right:1px solid #333;
}

a.SUN_vert_line_light:link {
	border-right:1px solid #999 !important;
}

.SUN_footer_logo img {
	width:100%;
	min-width:73px;
	max-width:73px;
}

.SUN_footer a{ color:#fff;}
.SUN_footer a:hover{ color:#fff;}
.SUN_footer_logo{ margin:auto; text-align:center; padding:20px;}
.SUN_footer li{ list-style:url(../images/SUN_footer_bullet.png); margin-left:20px;}

.SUN_footer_social_icons {
	width:93px;
	margin:-10px auto 0 auto;
}

a.SUN_footer_twitter:link,
a.SUN_footer_twitter:active,
a.SUN_footer_twitter:visited {
	background:url(../images/SUN_footer_twitter_icon.png) no-repeat center center;
	display:block;
	float:left;
	height:21px;
	width:21px;
	margin:5px;
}

a.SUN_footer_twitter:hover {
	background:url(../images/SUN_splash_twitter_icon_over.png) no-repeat center center;
	display:block;
	float:left;
	height:21px;
	width:21px;
	margin:5px;
}

a.SUN_footer_facebook:link,
a.SUN_footer_facebook:active,
a.SUN_footer_facebook:visited {
	background:url(../images/SUN_footer_facebook_icon.png) no-repeat center center;
	display:block;
	float:left;
	height:21px;
	width:21px;
	margin:5px;
}

a.SUN_footer_facebook:hover {
	background:url(../images/SUN_splash_facebook_icon_over.png) no-repeat center center;
	display:block;
	float:left;
	height:21px;
	width:21px;
	margin:5px;
}

a.SUN_footer_youtube:link,
a.SUN_footer_youtube:active,
a.SUN_footer_youtube:visited {
	background:url(../images/SUN_footer_youtube_icon.png) no-repeat center center;
	display:block;
	float:left;
	height:21px;
	width:21px;
	margin:5px;
}

a.SUN_footer_youtube:hover {
	background:url(../images/SUN_splash_youtube_icon_over.png) no-repeat center center;
	display:block;
	float:left;
	height:21px;
	width:21px;
	margin:5px;
}


/*---Search Box ----*/

.searchbox{
float:right;
width:300px;
}


#SearchBox{
	margin-top:17px;
	float:right;

}



.ms-srch-sb > input {
    background-color: #ccc;
    border-style: none;
    display: inline-block;
    height: 18px;
    margin: 0 0 0 5px;
    outline-style: none;
    padding: 3px 22px 3px 4px;
    width: 170px;
}

.ms-srch-sb > .ms-srch-sb-searchLink {
    height: 20px;
    margin-left: -22px;
    width: 20px;
}
  
  .SUN_select {
   width: 196px;
   height: 23px;
   overflow: hidden;
   background: url(../Images/SUN_down_arrow.png) no-repeat right #ccc;
    border-style: none;
    margin:7px 0px 0px 5px;
       float:right;


   } 



/* Welcome Header Area */

.SUN_header{
	padding:30px 0px;
	text-transform:uppercase;
	font-family:Georgia;
	font-size:18px;
	color:#666;
}

.SUN_updateable_heading{
	text-transform:none;
	font-size:28px;
	color:#5A1A34;
	display:block;

}






/* Social Links */

.SUN_social_container{
float:right;
margin:7px;
}

.SUN_social{
width:25px;
height:21px;
background-image:url('../Images/SUN_icons_social.png');
display:inline-block;
text-indent:-9999px;
}


.SUN_twitter{
background-position:0px 0px;
}

.SUN_twitter:hover{
background-position:0px -21px;
}


.SUN_fb{
background-position:-25px 0px!important;
}

.SUN_fb:hover{
background-position:-25px -21px!important;
}


.SUN_youtube{
background-position:-50px 0px!important;
}

.SUN_youtube:hover{
background-position:-50px -21px!important;
}

.SUN_event_date { 
	display:block;
	width:auto;
	color:#5A1A34;
	font-size:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	float:left;
	padding:4px 0px;
}

.SUN_event_month {
	display:block;
	float:left;
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	padding:0px 0px 5px 0px;
	margin-right:3%;
	margin-left:3%;
	font-size:12px;
}

.SUN_tab_readmore a{ 
background-color:#5A1A34; 
color:#fff; 
text-decoration:none; 
padding:6px 8px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
}

.SUN_tab_readmore { 
	background-image:url(../Images/SUN_tag_arrow.png); 
	position:absolute; 
	right:-7px; 
	bottom:10px;
	background-position:bottom right; 
	background-repeat:no-repeat;
	padding-bottom:8px; }

.nav-tabs li{
	float:left; 
	font-size:18px; 
	font-family:Georgia, "Times New Roman", Times, serif;}

.tab-pane li{ 
	list-style:none; 
	padding:5px; 
	border-bottom:1px solid #ccc; 
	font-size:12px;
	line-height:13px;
	font-family:Arial, Helvetica, sans-serif;
}

.tab-pane li:last-child{ border-bottom:0px solid #fff;}

.nav-tabs{ margin-bottom:0px!important; margin-top:0px;}

.tab-content {
    overflow: auto;
	background-color:#dedede;
}


.tab-content ul { margin:10px; padding:5px; min-height:190px; background-color:#efefef  }



/*----News Rollup -----*/

div.SUN_news_rollup { 
float:left; 
list-style:none; 
font-family:Arial, 
Helvetica, sans-serif; 
font-size:12px;
padding:10px 10px 60px 10px;
min-height:290px;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
position:relative;
line-height:13px;
}


.SUN_news_rollup img{ float:left; margin-bottom:10px;}


div.SUN_news_rollup:first-child+div{
	background-color:#e8e8e8;
	border:none;
}

.SUN_news_rollup h2:first-child+div{
	color:#666666;
}


.SUN_news_rollup img. .carousel img{
	max-width:100%;
}



.carousel { margin-bottom:0px!important;}

.SUN_news_rollup h2 { 
font-family:Georgia, "Times New Roman", Times, serif; 
font-size:18px;
line-height:18px;
font-weight:normal;
padding:10px 0px;
color:#5A1A34;
display:table;
}



.SUN_news_rollup .SUN_tab_readmore a{ 
background-color:#25293F; 
color:#fff; 
text-decoration:none; 
padding:6px 8px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
}

.SUN_news_rollup .SUN_tab_readmore { 
	background-image:url(../images/SUN_tag_arrow.png); 
	position:absolute; 
	right:-7px; 
	bottom:10px;
	background-position:bottom right; 
	background-repeat:no-repeat;
	padding-bottom:11px; }


.carousel-caption  >  a.SUN_readmore { 
background-color:#5A1A34; 
color:#fff; 
text-decoration:none; 
padding:6px 8px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
position:absolute;
bottom:-26px;
left:0px;

}

.SUN_carousel_container{ position:relative; max-width:940px; }

.carousel-linked-nav,
.item img {
  display: block; 
  margin: 0 auto;
}

.carousel-linked-nav {
  width: 120px;
  margin-bottom: 20px;   
}


.carousel-linked-nav {
  position:absolute;
  width:auto;
  bottom:1%;
  left:43%;
}



/* Elastislide Style */
.es-carousel-wrapper{
	padding:10px 27px;
	position:relative;
	position:relative;
	margin-bottom:20px;
}
.es-carousel{
	overflow:hidden;
}
.es-carousel ul{
	display:none;
}
.es-carousel ul li{
	height:100%;
	float:left;
	display:block;
}
.es-carousel ul li a{
	display:block;
	border-color:#222;
	opacity:0.8;
	-webkit-touch-callout:none;
	/* option */
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.es-carousel ul li.selected a{
	border-color:#fff;
	opacity:1.0;
}
.es-carousel ul li a img{
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
}
.es-nav span{
	position:absolute;
	top:50%;
	left:8px;
	background:transparent url(../images/nav_thumbs.png) no-repeat top left;
	width:14px;
	height:26px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.8;
}
.es-nav span.es-nav-next{
	right:8px;
	left:auto;
	background-position:top right;
}
.es-nav span:hover{
	opacity:1.0;
}

/*---Splash page gradient fill and containers ----*/
.ms-rtestate-field {
	text-align:center;
}

.SUN_splash_add_container { 
	width:auto;
	margin:0px auto;
	max-width:940px;
}

.SUN_splash_add_container img {
	width:auto !important;
	max-width:940px !important;
	max-height:200px !important;
	margin:10px !important;
}

img.ms-webpart-menuArrowImg {
	margin: 0;
    max-height: none;
    max-width: none;
    width: auto;
}

.ms-core-menu-icon > img,
img.ms-core-menu-arrow {
	width:16px;
	margin:3px;
}

a.SUN_splash_youtube_icon:link,
a.SUN_splash_youtube_icon:visited,
a.SUN_splash_youtube_icon:active {
	display:block;
	float:left;
	margin:0px;
	background: url(../Images/SUN_splash_youtube_icon.png) no-repeat center center;
	height:21px;
	width:21px;
	z-index:1001;
}

a.SUN_splash_youtube_icon:hover {
	display:block;
	float:left;
	margin:0px;
	background: url(../Images/SUN_splash_youtube_icon_over.png) no-repeat center center;
	height:21px;
	width:21px;
	z-index:1001;
}

a.SUN_splash_facebook_icon:link,
a.SUN_splash_facebook_icon:visited,
a.SUN_splash_facebook_icon:active {
	display:block;
	float:left;
	margin:0px 10px;
	background: url(../Images/SUN_splash_facebook_icon.png) no-repeat center center;
	height:21px;
	width:21px;
	z-index:1001;
}

a.SUN_splash_facebook_icon:hover {
	display:block;
	float:left;
	margin:0px 10px;
	background: url(../Images/SUN_splash_facebook_icon_over.png) no-repeat center center;
	height:21px;
	width:21px;
	z-index:1001;
}

a.SUN_splash_twitter_icon:link,
a.SUN_splash_twitter_icon:visited,
a.SUN_splash_twitter_icon:active {
	display:block;
	float:left;
	margin:0px;
	background: url(../Images/SUN_splash_twitter_icon.png) no-repeat center center;
	height:21px;
	width:21px;
	z-index:1001;
}

a.SUN_splash_twitter_icon:hover {
	display:block;
	float:left;
	margin:0px;
	background: url(../Images/SUN_splash_twitter_icon_over.png) no-repeat center center;
	height:21px;
	width:21px;
	z-index:1001;
}

.SUN_splash_social_container img {
	float:left;
	margin:-10px 5px 0px 5px;
}

.SUN_splash_social_container {
	width:83px;
	margin:auto;
	margin-bottom:100px;
	z-index:1001;
	margin-top: -100px;
}

/*.SUN_splash_social_container {
	width:83px;
	margin:auto;
	margin-bottom:10px;
	z-index:1001;
}*/

.SUN_splash_body_left,
.SUN_splash_body_right {
	float:left;
	margin:auto;
	font-family:Calibri, "Times New Roman", Times, serif;
	font-size:14px;
	text-transform:uppercase;
	color:666;
	padding-top:5px;
	padding-bottom:5px;
	line-height:20px;
	color:#ffffff;
	text-shadow: 1px 1px 1px #000;
}

.SUN_splash_body_left span {
	text-transform:capitalize;
	font-size:24px;
	text-align:right;
}

.SUN_splash_body_left {
	text-align:right;
	margin-right:20px;
	padding-right:20px;
	width:47%;
}

/*.SUN_splash_body_left {
	text-align:right;
	border-right:1px solid #000;
	margin-right:20px;
	padding-right:20px;
	width:47%;
}*/

.splash_body_float_left_fix {
	float:left;
	width:45%;
	color:#390F1F !important;
	font-size:30px;
	line-height:30px;
	padding-bottom:5px;
	text-transform:none;
}

.splash_body_float_right_fix {
	float:right;
	width:45%;
	color:#390F1F !important;
	font-size:30px;
	line-height:30px;
	padding-bottom:5px;
	text-transform:none;
}

a.SUN_splash_more {
	color:#fff;
	font-size:20px;
	display:block;
	margin-top:20px;
}

.SUN_splash_body_right {
	text-align:left;
}

.SUN_splash_body_right span {
	text-transform:capitalize;
	font-size:24px;
	text-align:right;
}

.SUN_splash_body {
	width:900px;
	margin:60px auto 205px auto;
}

SUN_splash_inner_container {
	overflow:scroll;
}

.SUN_splash_header {
	margin:auto;
	width:auto;
	text-align:center;
	margin-top:2%;
	color:#8D989B;
	letter-spacing:2px;
}

.SUN_splash_name {
	margin-top:20px;
}

.SUN_splash_slogan {
	margin-top:3px;
}

.SUN_splash_name span {
	text-transform:uppercase;
}

.SUN_splash_slogan span {
	text-transform:lowercase;
}

.SUN_splash_disc {
	background:url(../Images/SUN_splash_disc.png) no-repeat center left;
	padding-left:13px;
}

.SUN_splash_nav_container {
	width:190px;
	margin:auto;
}

a.SUN_splash_nav:link,
a.SUN_splash_nav:visited,
a.SUN_splash_nav:hover,
a.SUN_splash_nav:active {
	color:#fff;
	font-family:Calibri, serif;
	font-size:12px;
	font-weight:normal;
	display:block;
	margin:12px;
	padding:10px;
	width:auto;
	float:left;
}

a.SUN_splash_nav:hover {
	background-color:#fff;
	color:#541E33;
	text-decoration:none;
}

/*.SUN_splash_nav_strip {
	background: url(../Images/SUN_splash_strip.png) repeat-x;
	width:100%;
	padding: 13px 0 130px;
	position:relative;
}*/

.SUN_splash_nav_strip {
	background: url(../Images/SUN_splash_strip.png) repeat-x;
	width:100%;
	padding: 13px 0 40px;
	position:relative;
	float: left;
	margin-top: 210px;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  -khtml-opacity: 0.9;
  -moz-opacity: 0.9;
  filter: alpha(opacity=90);
}

.SUN_fluid_container {
	margin:0;
	top:0;
	bottom:0;
	left:0;
	max-height:100%;
	min-height:100%;
	max-width:100%;
	min-width:100%;
	height:100%;
	border:0px solid #000;
	position:relative;
}

/* Banners Containers */ 

.SUN_toplinks_banner .container, .SUN_topNav_banner .container,
.SUN_header_banner .container, .SUN_body
 {
} 

.SUN_toplinks_banner{
	background-image:url('../Images/SUN_bg_toplinks.jpg');
	background-repeat:repeat-x;
	overflow:visible;
	height:36px;
	color:#fff;
	line-height:36px;
	font-family:Arial, Helvetica, sans-serif!important;;
	font-size:12px;
}

.SUN_topNav_banner{
	background-image:url('../Images/SUN_bg_nav.jpg');
	background-repeat:repeat-x;
	height:50px;	
}


/*---Search Box ----*/

.SUN_searchbox{
float:right;
margin-top:17px;

}



.ms-srch-sb > input {
    background-color: #ccc;
    border-style: none;
    display: inline-block;
    height: 18px;
    margin: 0 0 0 5px;
    outline-style: none;
    padding: 3px 22px 3px 4px;
    width: 170px;
}

.ms-srch-sb > .ms-srch-sb-searchLink {
    height: 20px;
    margin-left: -22px;
    width: 20px;
}

.SUN_select select {
   background: transparent;
   width: 230px;
   padding: 5px;
   font-size: 12px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 24px;
   -webkit-appearance: none;
   }
   
   
  .SUN_select {
   width: 196px;
   height: 23px;
   overflow: hidden;
   background: url(../Images/SUN_down_arrow.png) no-repeat right #ccc;
    border-style: none;
    margin:7px 0px 0px 5px;

   } 



/* Welcome Header Area */

.SUN_header{
	padding:30px 0px;
	text-transform:uppercase;
	font-family:Georgia;
	font-size:18px;
	color:#666;
}

.SUN_updateable_heading{
	text-transform:none;
	font-size:28px;
	color:#5A1A34;
	display:block;
	line-height:30px;
	}
		
	
	/* Wrapper for page content to push down footer */
	.clearAll {clear:both;height:0;}
	
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto;
        position:absolute;
        width:100%;
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        min-height: 203px;
		margin-top:20px;
      }
      #footer {
        background:url(../images/SUN_bg_footer.jpg) repeat;
      }


/* ----- CSS3 Gradients ----- */
.SUN_outer_container_custom_colour {
	background-color: #eee;  
	
}
.SUN_outer_container_gradient {
	background: rgb(185,180,175); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(185,180,175,1) 0%, rgba(235,227,220,1) 25%, rgba(255,255,255,1) 50%, rgba(235,227,220,1) 70%, rgba(193,187,183,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(185,180,175,1)), color-stop(25%,rgba(235,227,220,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(70%,rgba(235,227,220,1)), color-stop(100%,rgba(193,187,183,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(185,180,175,1) 0%,rgba(235,227,220,1) 25%,rgba(255,255,255,1) 50%,rgba(235,227,220,1) 70%,rgba(193,187,183,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(185,180,175,1) 0%,rgba(235,227,220,1) 25%,rgba(255,255,255,1) 50%,rgba(235,227,220,1) 70%,rgba(193,187,183,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(185,180,175,1) 0%,rgba(235,227,220,1) 25%,rgba(255,255,255,1) 50%,rgba(235,227,220,1) 70%,rgba(193,187,183,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(185,180,175,1) 0%,rgba(235,227,220,1) 25%,rgba(255,255,255,1) 50%,rgba(235,227,220,1) 70%,rgba(193,187,183,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b4af', endColorstr='#c1bbb7',GradientType=0 ); /* IE6-9 */
}

.SUN_light_horizontal_gradient {
	background: rgb(235,227,220); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
	background: -moz-linear-gradient(top,  rgba(235,227,220,1) 0%, rgba(206,200,195,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,227,220,1)), color-stop(100%,rgba(206,200,195,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(235,227,220,1) 0%,rgba(206,200,195,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(235,227,220,1) 0%,rgba(206,200,195,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(235,227,220,1) 0%,rgba(206,200,195,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(235,227,220,1) 0%,rgba(206,200,195,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe3dc', endColorstr='#cec8c3',GradientType=0 ); /* IE6-8 */

}

.SUN_opaque_gradient {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
	background: -moz-linear-gradient(top,  rgba(102,102,102,0.5) 0%, rgba(51,51,51,0.5) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,102,102,0.5)), color-stop(100%,rgba(51,51,51,0.5))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(102,102,102,0.5) 0%,rgba(51,51,51,0.5) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(102,102,102,0.5) 0%,rgba(51,51,51,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(102,102,102,0.5) 0%,rgba(51,51,51,0.5) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(102,102,102,0.5) 0%,rgba(51,51,51,0.5) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80666666', endColorstr='#80333333',GradientType=0 ); /* IE6-8 */
}




