﻿




/* ---------------- default ----------------*/

.headBox
{
    background-image:url("images/header.png");
    background-repeat:no-repeat;
    width:460px;
    padding:5px 0px 0px 15px;
    margin-bottom:10px;
    height:25px;  
    }
    
    .titleBox
{
    background-image:url("images/menublack-mid.png");
    background-repeat:repeat-x;
    width:405px;
    padding:3px 0px 0px 5px;
    height:20px;
    }
    

.defaultArea
{
	margin:0 auto;
}

/* white box */

.whitebox-top
{
	background-image:url("images/whitebox-top.png");
	width:460px;
	height:27px;
}

.whitebox-mid
{
	background-image:url("images/whitebox-mid.png");
	width:460px;
	height:auto;
}

.whitebox-bottom
{
	background-image:url("images/whitebox-bottom.png");
	width:460px;
	height:27px;
}


/* Rotator Styles */  

#rotator {
	position:relative;  
	padding-bottom:2.6em; 
	margin:0;
	font-size:16px;
	max-width:427px;
}

/* Tabs */  
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {  
	margin:0;  
	padding:0;  
	border:0;  
	outline:0;  
	line-height:1.3;  
	text-decoration:none;  
	font-size:100%;  
	list-style:none;  
	float:left;
}  

ul.ui-tabs-nav {  
	position:absolute;  
	bottom:0px;  
	left:0;  
	z-index:1;  
	width:100%;
}

/* Non-Selected Tabs */  
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {  
	font-size:.8em;  
	font-weight:normal;  
	color:#999;  
	/*background:url(images/uitabsbg.gif) repeat-x bottom left;
	border-left:1px solid #FFF;
	border-right:1px solid #c5ced9;*/
}

/* Hovered Tab */  
#rotator .ui-tabs-nav-item a:hover,  
#rotator .ui-tabs-nav-item a:active {  
	/*background:url(images/uiactivetabbg.gif) repeat-x bottom left;*/ 
	color:#ffffff;  
}  

#rotator .ui-tabs-nav-item a span {  
	float:left;  
	padding:1em;  
	cursor:pointer;  
}

/* Active Tab */  
#rotator .ui-tabs-selected a:link,  
#rotator .ui-tabs-selected a:visited,  
#rotator .ui-tabs-selected a:hover,  
#rotator .ui-tabs-selected a:active {  
	background: url(images/uiactivetabbg.gif) repeat-x bottom left;  
	color:#000000;
	font-weight:bold;  
}

/* Content Panels */  
#rotator .ui-tabs-panel {
	clear:left;  
	color:#000;
	height:170px;  
}  

#rotator .ui-tabs-hide {  
	display:none;  
}

#rotator h2 {  
	color:#000000;  
	font-weight:normal;  
	margin:0;  
	font-size:1.8em;  
	line-height:1em;  
}  

#rotator p {  
	font-size:0.8em;  
	margin:1em 0;  
	color:#333;  
}  

#rotator .btn_get_started {  
	float:left;
	height:30px;
	width:99px;
	text-indent:-9999em;
	margin-right:7px;
	overflow:hidden;
	background:transparent url(images/getstarted.gif) no-repeat
}  

#rotator .btn_learn_more {  
	float:left;
	height:26px;
	font-size:.9em;
}

/* Background Images */
#rotator #fragment-1 {
	background:transparent url(images/slide01.png) no-repeat top right;
}

#rotator #fragment-2 {  
	background:transparent url(images/slide02.png) no-repeat top right;  
}  

#rotator #fragment-3 {  
	background:transparent url(images/slide03.png) no-repeat top left;   
}  

#rotator #fragment-4 {  
	background:transparent url(images/slide04.png) no-repeat top left;  
}

#rotator #fragment-5 {  
	background:transparent url(images/slide05.png) no-repeat top right;  
}  

#rotator #fragment-6 {  
	background:transparent url(images/slide06.png) no-repeat top right;  
}  

#rotator #fragment-7 {  
	background:transparent url(images/slide07.png) no-repeat top left;   
}  

#rotator #fragment-8 {  
	background:transparent url(images/slide01.png) no-repeat top left;  
}

/* Fragment Areas */

.fragment-left
{
	width:220px;
	margin-left:35px;
}

.fragment-right
{
	margin-left:200px;
	width:200px;
}


.panel-right
{
    width:135px;
    margin-left:20px;
    float:left;
    }

.panel-left
{
    width:220px;
    float:left;
    
    }

/*----------------- phrases ---------------*/

.sticker-container
{
	
}

/* ---------------- users left navigation - ACCORDION ----------------*/

.accordionOptions
{
	padding-left:12px;
}

.accordionHeader
{
	background-image:url('images/menublack-top.png');
	background-position:top;
	background-repeat:no-repeat;
	width:196px;
	height:42px;
}

.accordionHeaderText
{
	padding-top:12px;
	padding-left:45px;
	color:#ffffff;
	font-weight:bolder;
	font-size:1.7em;
}

.accordionHeader:hover
{
	cursor:pointer;
}

.accordionHeader a
{
    text-decoration:none;
    padding-top:30px;
	padding-left:42px;
	color:#ffffff;
	font-weight:bolder;
	font-size:1.4em;
    
}

.accordionHeaderSelected
{
	background-image:url('images/menublack-top.png');
	background-position:bottom;
	background-repeat:no-repeat;
	width:196px;
	height:42px;
	color:#ffffff;
	font-weight:bolder;
}

.accordionHeaderSelected a
{
    text-decoration:none;
    padding-top:30px;
	padding-left:42px;
	color:#ffffff;
	font-weight:bolder;
	font-size:1.4em;
    
    }

.accordionContent
{
	background-image:url('images/white-back.png');
	background-position:top;
	background-repeat:repeat-y;
	width:196px;
	height:auto;
}

.accordionContentBottom
{
	background-image:url('images/white-back-bottom.png');
	background-position:top;
	background-repeat:no-repeat;
	width:196px;
	height:22px;
}

.optionLink
{
	color:#ffffff;
	display:block;
	width:120px;
	height:33px;
	padding-top:7px;
	padding-left:35px;
	text-decoration:none;
}

.optionList
{
	padding-top:10px;
	padding-left:15px;
	margin-bottom:15px;
}

.optionStart
{
	background-image:url('images/menu-start.png');
	background-position:top;
	background-repeat:no-repeat;
	width:159px;
	height:33px;
	margin-bottom:5px;
}

.optionStart:hover
{
	background-position:bottom;
}

.optionVideo
{
	background-image:url('images/menu-video.png');
	background-position:top;
	background-repeat:no-repeat;
	width:159px;
	height:33px;
	margin-bottom:5px;
}

.optionVideo:hover
{
	background-position:bottom;
}

.optionSMS
{
	background-image:url('images/menu-sms.png');
	background-position:top;
	background-repeat:no-repeat;
	width:159px;
	height:33px;
	margin-bottom:5px;
}

.optionSMS:hover
{
	background-position:bottom;
}

.optionMMS
{
	background-image:url('images/menu-mms.png');
	background-position:top;
	background-repeat:no-repeat;
	width:159px;
	height:33px;
	margin-bottom:5px;
}

.optionMMS:hover
{
	background-position:bottom;
}

.optionAccount
{
	background-image:url('images/menu-account.png');
	background-position:top;
	background-repeat:no-repeat;
	width:159px;
	height:33px;
	margin-bottom:5px;
}

.optionAccount:hover
{
	background-position:bottom;
}

.optionFile
{
	background-image:url('images/menu-file.png');
	background-position:top;
	background-repeat:no-repeat;
	width:159px;
	height:33px;
	margin-bottom:5px;
}

.optionFile:hover
{
	background-position:bottom;
}

.optionOutbox
{
	background-image:url('images/menu-outbox.png');
	background-position:top;
	background-repeat:no-repeat;
	width:159px;
	height:33px;
	margin-bottom:5px;
}

.optionOutbox:hover
{
	background-position:bottom;
}

/* ---------------- users/default ----------------*/




.bigButton
{
	float:left;
	margin-right:12px;
	margin-bottom:12px;
}

.bigButtonLink
{
	display:block;
	width:140px;
	height:140px;
}
/* EN */
.videoButtonEN
{
	background-image:url('images/bot-video-en.png');
	background-position:top;
	background-repeat:no-repeat;
	width:140px;
	height:140px;
}

.videoButtonEN:hover
{
	background-position:bottom;
}

.smsButtonEN
{
	background-image:url('images/bot-sms-en.png');
	background-position:top;
	background-repeat:no-repeat;
	width:140px;
	height:140px;
}

.smsButtonEN:hover
{
	background-position:bottom;
}
.mmsButtonEN
{
	background-image:url('images/bot-mms-en.png');
	background-position:top;
	background-repeat:no-repeat;
	width:140px;
	height:140px;
}

.mmsButtonEN:hover
{
	background-position:bottom;
}

.accountButtonEN
{
	background-image:url('images/bot-account-en.png');
	background-position:top;
	background-repeat:no-repeat;
	width:140px;
	height:140px;
}

.accountButtonEN:hover
{
	background-position:bottom;
}

.fileButtonEN
{
	background-image:url('images/bot-file-en.png');
	background-position:top;
	background-repeat:no-repeat;
	width:140px;
	height:140px;
}

.fileButtonEN:hover
{
	background-position:bottom;
}

.outboxButtonEN
{
	background-image:url('images/bot-outbox-en.png');
	background-position:top;
	background-repeat:no-repeat;
	width:140px;
	height:140px;
}

.outboxButtonEN:hover
{
	background-position:bottom;
}

/* ES */
.videoButtonES
{
	background-image:url('images/bot-video-es.png');
	background-position:top;
	background-repeat:no-repeat;
	width:140px;
	height:140px;
}

.videoButtonES:hover
{
	background-position:bottom;
}

.smsButtonES
{
	background-image:url('images/bot-sms-es.png');
	background-position:top;
	background-repeat:no-repeat;
	width:140px;
	height:140px;
}

.smsButtonES:hover
{
	background-position:bottom;
}

.mmsButtonES
{
	background-image:url('images/bot-mms-es.png');
	background-position:top;
	background-repeat:no-repeat;
	width:140px;
	height:140px;
}

.mmsButtonES:hover
{
	background-position:bottom;
}

.accountButtonES
{
	background-image:url('images/bot-account-es.png');
	background-position:top;
	background-repeat:no-repeat;
	width:140px;
	height:140px;
}

.accountButtonES:hover
{
	background-position:bottom;
}

.fileButtonES
{
	background-image:url('images/bot-file-es.png');
	background-position:top;
	background-repeat:no-repeat;
	width:140px;
	height:140px;
}

.fileButtonES:hover
{
	background-position:bottom;
}

.outboxButtonES
{
	background-image:url('images/bot-outbox-es.png');
	background-position:top;
	background-repeat:no-repeat;
	width:140px;
	height:140px;
}

.outboxButtonES:hover
{
	background-position:bottom;
}

/* NO */
.videoButtonNO
{
	background-image:url('images/bot-video-en.png');
	background-position:top;
	background-repeat:no-repeat;
	width:140px;
	height:140px;
}

.videoButtonNO:hover
{
	background-position:bottom;
}

.smsButtonNO
{
	background-image:url('images/bot-sms-en.png');
	background-position:top;
	background-repeat:no-repeat;
	width:140px;
	height:140px;
}

.smsButtonNO:hover
{
	background-position:bottom;
}

.mmsButtonNO
{
	background-image:url('images/bot-mms-en.png');
	background-position:top;
	background-repeat:no-repeat;
	width:140px;
	height:140px;
}

.mmsButtonNO:hover
{
	background-position:bottom;
}

.accountButtonNO
{
	background-image:url('images/bot-account-no.png');
	background-position:top;
	background-repeat:no-repeat;
	width:140px;
	height:140px;
}

.accountButtonNO:hover
{
	background-position:bottom;
}

.fileButtonNO
{
	background-image:url('images/bot-file-no.png');
	background-position:top;
	background-repeat:no-repeat;
	width:140px;
	height:140px;
}

.fileButtonNO:hover
{
	background-position:bottom;
}

.outboxButtonNO
{
	background-image:url('images/bot-outbox-no.png');
	background-position:top;
	background-repeat:no-repeat;
	width:140px;
	height:140px;
}

.outboxButtonNO:hover
{
	background-position:bottom;
}

.content_top
{
	background-image:url('images/whitebox-top.png');
	background-position:top;
	background-repeat:no-repeat;
	width:460px;
	height:29px;
}

.content_inside
{
	background-image:url('images/whitebox-mid.png');
	background-repeat:repeat-y;
	width:410px;
	padding-left:25px;
	padding-right:25px;
	height:auto;
}

.content_bottom
{
	background-image:url('images/whitebox-bottom.png');
	background-position:top;
	background-repeat:no-repeat;
	width:460px;
	height:29px;
}

.popupLeft
{
	background-image:url('images/popup-left.png');
	background-position:top;
	background-repeat:no-repeat;
	width:16px;
	height:51px;
	float:left;
}

.popupMid
{
	background-image:url('images/popup-mid.png');
	background-position:top;
	background-repeat:repeat-x;
	width:auto;
	height:51px;
	float:left;
	max-width:360px;
}

.popupRight
{
	background-image:url('images/popup-right.png');
	background-position:top;
	background-repeat:no-repeat;
	width:16px;
	height:51px;
	float:left;
}

.popupText
{
	padding-top:4px;
}

#charCount
{
	float:right;
	margin-right:5px;
}

.sendRight
{
	text-align:right;
	padding-right:0px;
}

.botonBig
{
    background-image:url("images/boton.png");
    background-position:top;
    padding:10px 0px 0px 40px;
    margin-left:20px;
    background-repeat:no-repeat;
    width:311px;
    height:32px;
    }
    
.botonBig:hover
{
    background-image:url("images/boton.png");
    background-position:center;
    padding:10px 0px 0px 40px;
    margin-left:20px;
    background-repeat:no-repeat;
    width:311px;
    height:32px;
    }
    
.botonBig:active
{
    background-image:url("images/boton.png");
    background-position:bottom;
    padding:10px 0px 0px 40px;
    margin-left:20px;
    background-repeat:no-repeat;
    width:311px;
    height:32px;
    }

/* ---------------- users/account ----------------*/

.content_in-left
{
    
   width:300px;
   max-width:300px;
   height:auto;
   float:left;
}
    
.content_in-right
{
    float:left;
    width:160px;
    height:269px;
}
    
.tableL_l
{
    width:110px;
    text-align:left;
    border-bottom: solid 1px #4f5151;
}

.tableL_r
{
    width:140px;
    text-align:right;
    border-bottom: solid 1px #4f5151;
}

.mainTableImg
{
    background-color:White;
    max-width:160px;
    }

.fileUploadStyle
{
	max-width:160px;
}

.bodyWhite
{
	background-color:White;
	max-width:160px;
}

/* ---------------- users/outbox ----------------*/

.messageItem
{
	/*background-image:url('images/outbox-bubble.png');
	background-position:top left;
	background-repeat:no-repeat;*/
	margin-bottom:15px;
	min-width:410px;
}

.messageThumbnail
{
	float:left;
	width:98px;
}

.messageInfo
{
	float:left;
	width:200px;
}

.messageItemLinks
{
	float:left;
}

.messageSubject
{
}

.messageType
{
}

.messageSent
{
}

.messageDate
{
}

.messageViews
{
}

.messagePublic
{
}

.viewMessage
{
	float:left;
	margin-right:20px;
}

.deleteMessage
{
	float:left;
}

.boxScroll
{
    margin:15px 0px 15px 0px;
    height:110px;
}


.AdsLeftList
{
	width:150px;
	float:left;
}

.AdsButtons
{
	width:50px;
	float:left;
}

.AdsRightList
{
	width:150px;
	float:left;
}

