/*
 * This stylesheet change the style of banners
 */

.home-cs #top-banner {
	height: 35px;
}
.home-cs #top-banner .left-side {
	background: url("../images/theme/home/top-banner_left-side.png") repeat-x left top;
	height: 35px;
}
.home-cs #top-banner .center {
	background: url("../images/theme/home/top-banner_center.png") no-repeat center top;
	height: 35px;
}
.home-cs #top-banner .right-side {
	background: url("../images/theme/home/top-banner_right-side.png") repeat-x left top;
	height: 35px;
}


.universe-cs #top-banner,
.universe-cs #top-banner .left-side,
.universe-cs #top-banner .center,
.universe-cs #top-banner .right-side {
	height: 50px;
}

.creators-cs #top-banner .left-side { background: url("../images/theme/creators/top-banner_left-side.png") repeat-x left top; }
.creators-cs #top-banner .center { background: url("../images/theme/creators/top-banner_center.png") no-repeat center top; }
.creators-cs #top-banner .right-side { background: url("../images/theme/creators/top-banner_right-side.png") repeat-x left top; }

.students-cs #top-banner .left-side { background: url("../images/theme/students/top-banner_left-side.png") repeat-x left top; }
.students-cs #top-banner .center { background: url("../images/theme/students/top-banner_center.png") no-repeat center top; }
.students-cs #top-banner .right-side { background: url("../images/theme/students/top-banner_right-side.png") repeat-x left top; }

.enterprises-cs #top-banner .left-side { background: url("../images/theme/enterprises/top-banner_left-side.png") repeat-x left top; }
.enterprises-cs #top-banner .center { background: url("../images/theme/enterprises/top-banner_center.png") no-repeat center top; }
.enterprises-cs #top-banner .right-side { background: url("../images/theme/enterprises/top-banner_right-side.png") repeat-x left top; }

.cci-cs #top-banner .left-side { background: url("../images/theme/cci/top-banner_left-side.png") repeat-x left top; }
.cci-cs #top-banner .center { background: url("../images/theme/cci/top-banner_center.png") no-repeat center top; }
.cci-cs #top-banner .right-side { background: url("../images/theme/cci/top-banner_right-side.png") repeat-x left top; }

.territories-cs #top-banner .left-side { background: url("../images/theme/territories/top-banner_left-side.png") repeat-x left top; }
.territories-cs #top-banner .center { background: url("../images/theme/territories/top-banner_center.png") no-repeat center top; }
.territories-cs #top-banner .right-side { background: url("../images/theme/territories/top-banner_right-side.png") repeat-x left top; }







/*********************************
 *        Universe Banner        *
 *********************************/

#universe-banner { position: relative; margin: 0 2px; width: 976px; height: 133px; }
#universe-banner .lefttop-corner { position: absolute; top: 0; left: 8px; width: 46px; height: 40px; }
#universe-banner .left-side { position: absolute; top: 40px; left: 8px; width: 46px; height: 78px; }
#universe-banner .center { position: absolute; top: 0; left: 54px; width: 198px; height: 118px; z-index:10; }
#universe-banner .pre-title {
	position: absolute; top: 0; left: 34px; width: 208px; height: 15px; padding-top: 25px; z-index:20;
}
#universe-banner h1 {
	position: absolute; overflow:hidden; top: 40px; left: 34px; margin: 0;
	width: 208px; height: 74px; padding:4px 0 0; line-height:26px; z-index:20; /* text-transform: lowercase; */
}
#universe-banner .image {
	position: absolute; overflow: hidden; top: 0; left: 252px; width: 717px; height: 118px;
}
#universe-banner .pre-title,
#universe-banner h1 {
	color: white; font-weight:bold;
}
#universe-banner .pre-title { font-size:1.5em; }
#universe-banner h1 { font-size:2.7em; }



.creators-cs #universe-banner .lefttop-corner {
	background: url("../images/theme/creators/universe-banner_lefttop-corner.png") no-repeat left top;
}
.creators-cs #universe-banner .left-side,
.creators-cs #universe-banner .center {
	background-color: #c50c1f;
}


.students-cs #universe-banner .lefttop-corner {
	background: url("../images/theme/students/universe-banner_lefttop-corner.png") no-repeat left top;
}
.students-cs #universe-banner .left-side,
.students-cs #universe-banner .center {
	background-color: #f08700;
}



.enterprises-cs #universe-banner .lefttop-corner {
	background: url("../images/theme/enterprises/universe-banner_lefttop-corner.png") no-repeat left top;
}
.enterprises-cs #universe-banner .left-side,
.enterprises-cs #universe-banner .center {
	background-color: #6e95c9;
}



.cci-cs #universe-banner .lefttop-corner {
	background: url("../images/theme/cci/universe-banner_lefttop-corner.png") no-repeat left top;
}
.cci-cs #universe-banner .left-side,
.cci-cs #universe-banner .center {
	background-color: #bdc1b0;
}
.cci-cs #universe-banner .pre-title,
.cci-cs #universe-banner h1 {
	color: #343434;
}



.territories-cs #universe-banner .lefttop-corner {
	background: url("../images/theme/territories/universe-banner_lefttop-corner.png") no-repeat left top;
}
.territories-cs #universe-banner .left-side,
.territories-cs #universe-banner .center {
	background-color: #93c266;
}






/******************************
 *        Space Banner        *
 ******************************/

#space-banner { position: relative; margin: 0 2px; width: 976px; height: 118px; }
#space-banner .lefttop-corner { position: absolute; top: 0; left: 8px; width: 46px; height: 40px; }
#space-banner .left-side { position: absolute; top: 40px; left: 8px; width: 46px; height: 78px; }
#space-banner .center { position: absolute; top: 0; left: 54px; width: 197px; height: 118px; z-index:10; }
#space-banner .pre-title { 
	position: absolute; top: 0; left: 34px; width: 218px; height: 15px; padding-top: 25px; font-size: 1.5em; z-index:20;
}
#space-banner h1 {
	position: absolute; overflow: hidden; top: 40px; left: 34px; font-size: 2.6em; margin: 0;
	width: 210px; height: 74px; padding: 4px 0 0; line-height: 26px; z-index:20;
	/* text-transform: lowercase; */
}
#space-banner .image {
	position: absolute; overflow: hidden; top:0; right: 8px; width: 717px; height: 118px;
}
#menu-banner .menu {
	float:right; width: 717px; line-height: 21px; padding:0; margin:0px 10px 15px 0px;
}
#menu-banner .menu ul { display: block; padding: 0; margin: 0 0 0 10px; line-height:21px; }
#menu-banner .menu li { display: inline; padding: 0; line-height:18px; }
#menu-banner .menu a { text-decoration: none; color: white; }
#menu-banner .menu a:hover,
#menu-banner .menu a.active { text-decoration: underline; }
#menu-banner .menu_right-side {
	position: absolute; top: 118px; right:8px; width:25px; height:21px; padding:0;
}
#space-banner .pre-title,
#space-banner h1,
#menu-banner .menu {
	color:white; font-weight:bold;
}



.creators-space-cs #space-banner .lefttop-corner {
	background: url("../images/theme/creators/space-banner_lefttop-corner.png") no-repeat left top;
}
.creators-space-cs #space-banner .left-side,
.creators-space-cs #space-banner .center,
.creators-space-cs #menu-banner .menu {
	background-color: #a1155a;
}
.creators-space-cs #menu-banner .menu_right-side {
	background: url("../images/theme/creators/space-banner_menu-right-side.png") no-repeat left top;
}


.students-space-cs #space-banner .lefttop-corner {
	background: url("../images/theme/students/space-banner_lefttop-corner.png") no-repeat left top;
}
.students-space-cs #space-banner .pre-title,
.students-space-cs #space-banner h1,
.students-space-cs #menu-banner .menu {
	color: #343434;
}
.students-space-cs #space-banner .left-side,
.students-space-cs #space-banner .center,
.students-space-cs #menu-banner .menu {
	background-color: #ffd600;
	color: #343434;
}
.students-space-cs #menu-banner .menu a { color: #343434; }
.students-space-cs #menu-banner .menu_right-side {
	background: url("../images/theme/students/space-banner_menu-right-side.png") no-repeat left top;
}



.enterprises-space-cs #space-banner .lefttop-corner {
	background: url("../images/theme/enterprises/space-banner_lefttop-corner.png") no-repeat left top;
}
.enterprises-space-cs #space-banner .left-side,
.enterprises-space-cs #space-banner .center,
.enterprises-space-cs #menu-banner .menu {
	background-color: #1598d2;
}
.enterprises-space-cs #menu-banner .menu_right-side {
	background: url("../images/theme/enterprises/space-banner_menu-right-side.png") no-repeat left top;
}



.territories-space-cs #space-banner .lefttop-corner {
	background: url("../images/theme/territories/space-banner_lefttop-corner.png") no-repeat left top;
}
.territories-space-cs #space-banner .pre-title,
.territories-space-cs #space-banner h1,
.territories-space-cs #menu-banner .menu {
	color: #343434;
}
.territories-space-cs #space-banner .left-side,
.territories-space-cs #space-banner .center,
.territories-space-cs #menu-banner .menu {
	background-color: #dada00;
	color: #343434;
}
.territories-space-cs #menu-banner .menu a { color: #343434; }
.territories-space-cs #menu-banner .menu_right-side {
	background: url("../images/theme/territories/space-banner_menu-right-side.png") no-repeat left top;
}



.cci-space-cs #space-banner .lefttop-corner {
	background: url("../images/theme/cci/space-banner_lefttop-corner.png") no-repeat left top;
}
.cci-space-cs #space-banner .left-side,
.cci-space-cs #space-banner .center,
.cci-space-cs #menu-banner .menu {
	background-color: #969d84;
}
.cci-space-cs #menu-banner .menu_right-side {
	background: url("../images/theme/cci/space-banner_menu-right-side.png") no-repeat left top;
}





/*********************************
 *        Subspace Banner        *
 *********************************/

#subspace-banner { position: relative; margin: 0 2px; width: 976px; height: 40px; }
#subspace-banner p { margin:0; }
#subspace-banner .lefttop-corner {
	position: absolute; top: 0; left: 8px; width: 25px; height: 20px;
}
#subspace-banner .left-side {
	position: absolute; top:20px; left: 8px; width:25px; height:20px;
}
#subspace-banner h1 {
	position: absolute; overflow: hidden; top: 0; left: 33px; margin: 0;
	width: 721px; height: 40px; padding: 0; line-height: 40px;
}
#subspace-banner .back {
	position: absolute; overflow: hidden; top:0; left: 754px;
	width: 214px; height: 20px; padding: 20px 0px 0; line-height: 15px;
}
#subspace-banner h1 { font-size: 1.8em; font-weight:bold; color:white; }
#subspace-banner .back { font-size: 1.3em; font-weight:bold; color:white; }
#subspace-banner .back a,
#subspace-banner .back a:hover { color: white; text-decoration: none; }



.creators-space-cs #subspace-banner .lefttop-corner {
	background: url("../images/theme/creators/subspace_banner_lefttop-corner.png") no-repeat left top;
}
.creators-space-cs #subspace-banner .left-side,
.creators-space-cs #subspace-banner h1,
.creators-space-cs #subspace-banner .back {
	background-color: #a1155a;
}


.students-space-cs #subspace-banner .lefttop-corner {
	background: url("../images/theme/students/subspace_banner_lefttop-corner.png") no-repeat left top;
}
.students-space-cs #subspace-banner .left-side,
.students-space-cs #subspace-banner h1,
.students-space-cs #subspace-banner .back {
	background-color: #ffd600;
	color: #343434;
}
.students-space-cs #subspace-banner .back a,
.students-space-cs #subspace-banner .back a:hover {
	color: #343434;
}


.enterprises-space-cs #subspace-banner .lefttop-corner {
	background: url("../images/theme/enterprises/subspace_banner_lefttop-corner.png") no-repeat left top;
}
.enterprises-space-cs #subspace-banner .left-side,
.enterprises-space-cs #subspace-banner h1,
.enterprises-space-cs #subspace-banner .back {
	background-color: #1598d2;
}



.territories-space-cs #subspace-banner .lefttop-corner {
	background: url("../images/theme/territories/subspace_banner_lefttop-corner.png") no-repeat left top;
}
.territories-space-cs #subspace-banner .left-side,
.territories-space-cs #subspace-banner h1,
.territories-space-cs #subspace-banner .back {
	background-color: #dada00;
	color: #343434;
}
.territories-space-cs #subspace-banner .back a,
.territories-space-cs #subspace-banner .back a:hover {
	color: #343434;
}



.cci-space-cs #subspace-banner .lefttop-corner {
	background: url("../images/theme/cci/subspace_banner_lefttop-corner.png") no-repeat left top;
}
.cci-space-cs #subspace-banner .left-side,
.cci-space-cs #subspace-banner h1,
.cci-space-cs #subspace-banner .back {
	background-color: #969d84;
}