@charset "utf-8";

* {
	margin:0px;
	padding:0px;
}
img {
	border:none;
	margin:0;
	padding:0;
}
a{
	padding:0;
	margin:0;
        font-size:12px;
}
body	{
	background-image:url(../img/degrade-body.jpg);
	background-repeat:repeat-x;
	font-family:"Trebuchet MS",Arial,Helvetica;
	margin:0;
	min-width:500px;
	text-align:center;
	font-size:12px;
}
html	{
	height:auto;
	min-height:100%;
}

label {
	display:block;
	font-weight:bold;
	margin-top:10px;
        font-size:16px;
        margin-top:15px;
}
label.error {
    color:red;
    font-size:10px;
    margin:0;
}
.mandatory {
	font-size:10px;
	color:#DA8C00;
}
.center {
	text-align:center;
}
input,textarea {
	width:450px;
}
input[type=checkbox], input[type=submit] {
    width:auto;
}
form button {
	display:inline-block;
}
#mainContainer {
	width:970px;
	text-align:left;
	margin:0 auto 0 auto;
}
#mainContainer #headerContainer	{
	height:131px;
	padding:0;
	width:100%;
	display:inline;
}

#mainContainer #headerContainer #bubblesLogo {
	float:left;
	height:131px;
}

#mainContainer #headerContainer #customerLogo {
	float:right;
	height:131px;
}
#mainContainer #headerContainer #welcome {
	clear:both;
	position:relative;
	background-color: #0089D1;
	height:25px;
	color: #FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding-left:25px;
	overflow:hidden;
}
#mainContainer #headerContainer #welcome p {
	float:left;
	padding-top:3px;
}
#mainContainer #headerContainer #welcome #loginBox {
	float:right;
	padding-right:20px;
	color:#FFFFFF;
}
#mainContainer #headerContainer #welcome #loginBox a, #mainContainer #headerContainer #welcome #loginBox a:visited {
	color:#FFFFFF;
	font-weight:normal;
}

#mainContainer #bodyContainer{
	background-color:#FFFFFF;
	padding:10px;
}

#mainContainer #bodyContainer #bodyLeft {
	width:190px;
}
#mainContainer #bodyContainer #bodyRight {
	width:230px;
	padding-left:10px;
}
#mainContainer #bodyContainer #bodyCenter {
	border-left:1px solid #c8ecfd;
	border-right:1px solid #c8ecfd;
	width:481px;
	overflow:hidden;
	padding:15px;
	clear:both;
}

#navMenu {
	height:30px;
	margin-bottom:0;
	margin-left:-2px;
	margin-right:0;
	padding:0;
	position:relative;
}
#navMenu table {
    margin:0;
    padding:0;
}
#navMenu table tr td {
	width:101px;
	margin-right:2px;
	height:30px;
}
#navMenu table tr td a {
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}

#navMenu #navMenu2 {
	position:relative;
	width:500px;
	height:18px;
	margin-top:-16px;
}

.pageBlock {
	min-height:250px;
       margin-bottom:10px;
}

#topLeft {
	position:relative;
}
#bottomLeft {
	position:relative;
	width:180px;
}
#becomeFan{
	width:180px;
	height:40px;
}
#becomeFan #becomeFanLink {
	position:relative;
	top:10px;
	left:80px;
	width:90px;
}
#becomeFan #becomeFanLink a, #becomeFan #becomeFanLink span {
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}
#becomeFan #becomeFanLink a:hover{
	color:#B33;
}
#fansViewer {
	
}
#fansViewer .fansViewerRow{
	text-align:center;
}
#fansViewer .fansViewerRow .fansViewerRowItem{
	display:inline-block;
	width:47px;
	height:60px;
	margin:5px;
}
#fansViewer .fansViewerRow .fansViewerRowItem a {
	text-decoration:none;
	font-size:10px;
	color:#666;
}
#fansViewer .fansViewerRow .fansViewerRowItem a:hover {
	color:#097EC3;
}
#fansViewerPaginator {
	margin-top:5px;
	height:20px;
	width:170px;
	padding-left:5px;
	padding-right:5px;
        text-align: center;
}

#topRight {
	position:relative;
}
#bottomRight {
	position:relative;
}

#contentBody {
	margin:0;
	padding:0;
}

#footerContainer {
	background:#FFFFFF;
	height:45px;
	clear:both;
}
#footerContainer .line {
	margin-top:2px;
	margin-bottom:2px;
	margin-left:2%;
	margin-right:2%;
	border-top:#CCCCCC 1px solid;
	height:10px;
}
#footerContainer .copyright {
	color:#999999;
	padding-left:2%;
}
#footerContainer .poweredBy {
	text-align:center;
	padding:5px;
}

div.contentMenu {
	font-weight:bolder;
	color:#097ec3;
	padding-right:5px;
	padding-top:9px;
	padding-bottom:10px;
	font-size:10px;
}

/*******   MOVER A UN ARCHIVO APARTE: news ************/

#contentBody h1 {
	/* title */
	font-family:"Trebuchet MS",Arial,Helvetica;
	font-size:28px;
	width:490px;
}

#contentBody #newsImage {
	position:relative;
	float:left;
	margin-top:10px;
}

#contentBody h2 {
	/* summary */
	position:relative;
	float:right;
	margin-left:200px;
	margin-top:0px;
	font-size:14px;
	font-weight:normal;
	width:290px;
}

#contentBody #newsAuthor {
	position:relative;
	float:right;
	margin-left:200px;
	margin-top:-70px;
	font-size:12px;
	font-weight:normal;
	width:290px;
}

#contentBody #newsBody {
	position:relative;
	font-size:12px;
	float:left;
	width:360px;
	padding-top:20px;
}
#contentBody #newsList {
	position:relative;
	float:right;
	width:100px;
	padding:2px;
	margin-top:20px;
	border-left:2px solid #c8ecfd;
	text-align:center;
}
#contentBody #newsList h3 {
	color:#0089D1;
}

#contentBody #newsList .newsListItem {
	text-align:center;
}
#contentBody #newsList .newsListItemTitle a{
	color: #666;
	text-decoration:none;
}
#contentBody #newsList .newsListItemTitle a:hover{
	text-decoration:underline;
}
#contentBody #newsList .newsListItemSeparator {
	border-top:2px solid #c8ecfd;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5%;
	margin-right:5%;
}


/*********** MOVER A UN ARCHIVO APARTE: events ***********/
#contentBody h1 {
    /* title */
    font-family:"Trebuchet MS",Arial,Helvetica;
    font-size:28px;
    width:490px;
}

#contentBody #eventImage {
    position:relative;
    float:left;
    margin-top:10px;
}

#contentBody h2 {
    /* summary */
    position:relative;
    float:right;
    margin-left:200px;
    margin-top:-140px;
    font-size:14px;
    font-weight:normal;
    width:290px;
}

#contentBody #eventAuthor {
    position:relative;
    float:right;
    margin-left:200px;
    margin-top:-80px;
    font-size:12px;
    font-weight:normal;
    width:290px;
}

#contentBody #eventData {
	position:relative;
	float:right;
	margin-left:200px;
    margin-top:-43px;
    font-size:12px;
    font-weight:normal;
    width:290px;
}

#eventSpeakersList {
	position:relative;
	float:left;
    width:360px;
    padding-top:20px;
}
#eventSpeakersList .eventSpeakerListItemImg {
	float:left;
	position:relative;
	width:70px;
}
#contentBody #eventSpeakersList .eventSpeakerListItem {
	position:relative;
	height:70px;
}
#contentBody #eventSpeakersList .eventSpeakerListItemData {
	color:#333333;
	font-weight:bold;
	margin-left:75px;
	margin-top:0;
	position:relative;
	text-decoration:none;
	width:290px;
}
#contentBody #eventSpeakersList .eventSpeakerListItemSeparator {
    border-top:2px solid #999999;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:0;
    margin-right:0;
	clear:both;
}

.eventSpeakerItem {
    border-bottom:1px solid gray;
    padding-top:5px;
    padding-bottom:2px;
}

div.calendar {
    width:229px;
}

#contentBody #eventBody {
    position:relative;
    float:left;
    width:360px;
    padding-top:20px;
}
#contentBody #eventsList {
    position:relative;
    float:right;
    width:100px;
    padding:2px;
    margin-top:20px;
    border-left:2px solid #c8ecfd;
    text-align:center;
}
#contentBody #eventsList h3 {
    color:#0089D1;
}

#contentBody #eventsList .eventsListItem {
    text-align:center;
}
#contentBody #eventsList .eventsListItemTitle a{
    color: #666;
    text-decoration:none;
}
#contentBody #eventsList .eventsListItemTitle a:hover{
    text-decoration:underline;
}
#contentBody #eventsList .eventsListItemSeparator {
    border-top:2px solid #c8ecfd;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:5%;
    margin-right:5%;
}


/************ PONER EN UN ARCHIVO APARTE: portfolio ************/

#contentBody #portfolioGalleryButton button {
	border:none;
	background:transparent;
	background: transparent url(../img/portfolioPicturesButton.jpg) no-repeat center top;
	width:114px;
	height:33px;
}
#contentBody #portfolioGalleryButton button:hover {
	background: transparent url(../img/portfolioPicturesButtonHover.jpg) no-repeat center top;
}
#contentBody #portfolioGalleryButton button.down {
	background: transparent url(../img/portfolioPicturesButtonDown.jpg) no-repeat center top;
}

#contentBody .portfolioTitle {
	text-align:center;
	font-size:18px;
	margin-top:10px;
}
#contentBody #portfolioGallery {
	text-align:center;
	margin:2px;
	padding:2px;
	background-color:#EEEEEE;
}
#contentBody #portfolioGallery ul {
	margin-top:10px;
	margin-bottom:10px;
}
#contentBody #portfolioGallery ul li {
	display:inline;
	padding:2px;
}

#contentBody #portfolioGalleryButton {
	text-align:center;
	margin-top:10px;
	margin-bottom:15px;
}

#contentBody #portfolioStudents {
	text-align:center;
	margin:2px;
	padding:10px 2px 2px;
	background-color:#bfe5fc;
}
#contentBody #formEditPortfolio fieldset .portfolioStudentItem {
    padding-bottom:10px;
    margin-bottom:20px;
    border-bottom:gray 1px solid;
}
#contentBody .portfolioStudentItemUser {
	position:relative;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	text-align:left;
	margin-left:2px;
}
#contentBody .portfolioStudentItemUser a {
	text-decoration:none;
	color:#666666;
}

#contentBody .portfolioStudentItemName {
	position:relative;
	color:#666666;
	font-size:11px;
	font-weight:bold;
       height:16px;
       overflow:hidden;
}
#contentBody .portfolioStudentItemTask {
    position:relative;
    color:#bf2b37;
    font-size:11px;
    font-weight:bold;
    height:16px;
}

#contentBody #portfolioBody {
	position:relative;
}
#contentBody #portfolioSeparator {
	position:relative;
	border-top:#666666 1px solid;
	width:100%;
	margin-top:10px;
	margin-bottom:15px;
}

#contentBody #portfolioTeacher {
	position:relative;
}

#contentBody #portfolioTeacher .portfolioSubtitle {
	position:relative;
	float:none;
	margin:0;
	color:#bf2b37;
	font-weight:bold;
	font-size:16px;
}
#contentBody #portfolioTeacher #portfolioTeacherImg {
	position:relative;
	margin-top:10px;
	float:left;
}
#contentBody #portfolioTeacher #portfolioTeacherComments {
    float:right;
    margin-top:7px;
	margin-left:5px;
    position:relative;
    width:405px;
}
#contentBody #portfolioTeacher #portfolioTeacherName {
	position:relative;
	width:70px;
	font-weight:bold;
}


/************ messaging ****************/
#contentBody #messagingWriteForm {
    position:relative;
    margin:20px;
}
#contentBody fieldset {
    border:none;
}
#contentBody fieldset legend {
    font-size:28px;
    font-weight:bold;
}

#contentBody input {
    font-size:14px;
    width:400px;
}
#contentBody input.error, #contentBody textarea.error {
    border:red 1px solid;
    background-color:#FFFFBB;
}


#contentBody #messagingWriteForm textarea {
    font-size:12px;
    width:400px;
    height:100px;
}
#contentBody #messagingWriteForm button {
    display:block;
    margin-top:15px;
}
#contentBody #msg {
    color:#333333;
    text-align:center;
    width:auto;
    display:none;
    font-size:16px;
}

/*********** editPortfolio **************/
#formEditPortfolio label.inline {
    display:inline-block;
}
#formEditPortfolio input.short {
    width:130px;
}
#formEditPortfolio fieldset {
    margin-top:10px;
    margin-bottom:20px;
    border:none;
    border-top:1px solid #999999;
    padding:5px;
}
#formEditPortfolio fieldset legend {
    font-weight:bold;
    font-size:16px;
}

#formEditEvent h4 {
    margin-top:20px;
}

#formEditEvent #eventSpeakers {
    border: 1px solid #CCC;
    padding:2px;
}
#formEditEvent #eventSpeakers div {
    margin-top:20px;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #999;
}

#link_items_list {
    clear:both;
    padding-top:10px;
}

#items_list_items {
    width:490px;
    
    margin:0;
    padding:0;
}
#items_list_items thead {
    background-color: #EEE;
}

#items_list_paging {
    text-align:center;
}
#items_list_paging a, #items_list_paging span {
    padding-right:3px;
}

.items_list_item_hover {
    background-color:#C8ECFD;
    cursor:pointer;
}