/*=== Setup ===*/
*{
        border: 0;
        margin: 0;
        padding: 0
}
body{
        background: url(../images/bgr.gif) #f7f7f7 top repeat-x;
        color: #525252;
        font: .8em "Trebuchet MS",Arial,Verdana,Helvetica,Sans-Serif
}
body#home{
        background: url(../images/bgr-home.gif) #f7f7f7 top repeat-x
}
a{
        color: #ed7600;
        text-decoration: none
}
a:hover{
        text-decoration: underline
}
input,select,textarea{
        border: #999999 1px solid;
        font-size: 11px;
        padding: 2px
}
li{
        list-style: none
}
h2{
        color: #494949;
        font-size: 1.4em;
        font-weight: normal;
        margin: 0 0 1em;
        text-transform: uppercase
}
h3{
        color: #494949;
        font-size: 1.4em;
        font-weight: normal;
        margin: 0 0 .5em
}
h4{
        font-size: 1em;
        margin: 0 0 .5em
}
p{
        line-height: 1.3em;
        padding: 0 0 1.3em
}
/*=== Layout ===*/
#page{
        margin: 0 auto;
        padding: 0 0 25px;
        width: 960px
}
#home-bg{
        background: url(../images/bgr-home.jpg) center top no-repeat
}
/*=== Header ===*/
#header{
        background: url(../images/header-bgr.jpg) bottom right no-repeat;
        height: 110px
}
/*- Logo -*/
#header h1{
        background: url(../images/logo.gif) no-repeat;
        float: left;
        text-indent: -9999px;
        width: 215px
}
#header h1 a{
        display: block;
        height: 110px;
        text-decoration: none
}
/*=== Headlines ===*/ 
/*- Main headline -*/ 
.main-headline{
        background: url(../images/headline-bgr.jpg) top no-repeat;
        color: #ffbb85;
        font-size: 13px;
        height: 75px;
        padding: 25px 0 0;
        width: 468px
}
.main-headline a{
        color: #ffbb85
}
.current-location{
        margin: 0 0 .2em
}
.main-headline h2{
        color: #ffffff;
        font-size: 24px;
        text-transform: none
}
/*- Sub Headline -*/ 
.sub-headline{
        border-bottom: 1px solid #cbcbcb;
        height: 1.8em;
        margin: 0 0 .8em
}
.sub-headline h3{
        float: left;
        font: bold 1em Arial, Helvetica, sans-serif;
        text-transform: uppercase
}
.tip{
		padding: 5px 0 0 0;
        color: #c0c0c0;
		font-size:12px
}
.tip strong
{
        color: #ffbb85
}
/*=== Navigation ===*/
/*- Nav1 (Refer to nav1.css) -*/ 
/*- Nav2 -*/
.nav2{
        font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
        height: 40px;
        margin: 0 0 20px
}
.nav2 li{
        float: left;
        line-height: 40px
}
.nav2 li a{
        color: #7d7d7d;
        display: block;
        float: left;
        padding: 0 15px 0 0;
		text-shadow: 0px 1px 0px #ECECEC;
}
.nav2 li a:hover,
.nav2 li.active a{
        background: url(../images/nav2-hover.gif) top center no-repeat;
        color: #ed7600;
        text-decoration: none
}
/*- Nav3 -*/
.nav3{
        float: left;
        height: 339px;
        padding: 1px 1px 0 0;
        width: 105px;
        text-indent: -9999px;
}
.nav3 li{
        float: left;
        width: 26px
}
.nav3 li a{
        display: block;
        float: left;
        height: 339px;
        width: 26px;
        background: url(../images/nav3-bgr.gif) no-repeat top;
}
.nav3 li a:hover,
.nav3 li.active a{
        text-decoration: none
}
.nav3 li#n31 a{
        background-position: 0 0;
}
.nav3 li#n31 a:hover,
.nav3 li#n31.active a{
        background-position: -104px 0
}
.nav3 li#n32 a{
        background-position: -26px 0;
}
.nav3 li#n32 a:hover,
.nav3 li#n32.active a{
        background-position: -130px 0
}
.nav3 li#n33 a{
        background-position: -52px 0;
}
.nav3 li#n33 a:hover,
.nav3 li#n33.active a{
        background-position: -156px 0
}
.nav3 li#n34 a{
        background-position: -78px 0;
}
.nav3 li#n34 a:hover,
.nav3 li#n34.active a{
        background-position: -182px 0
}
/*- Top Navigation -*/
.nav-top{
        background: url(../images/nav-top.gif) top no-repeat;
        float: right;
        font: 11px Tahoma, Arial, Helvetica, sans-serif;
        height: 85px;
        padding: 25px 0 0 15px;
        width: 101px
}
.nav-top li{
        margin: 0 0 .7em
}
.nav-top li a{
        color: #5d5d5d;
        padding: 0 0 0 12px
}
.nav-top li a:hover{
        color: #c04d00;
        text-decoration: none
}
.nav-top li.active a{
        background: url(../images/ico-bullet.gif) left no-repeat
}
/*=== Title Placeholder ===*/
#title{
        clear: both;
        height: 340px;
        margin: 0 0 50px;
        overflow: hidden
}
.title-content{
        float: right;
        height: 339px;
        width: 850px
}
.title-content-light{
        float: right;
        height: 339px;
        width: 930px
}

.title-pic{
        float: left;
        height: 270px;
        overflow: hidden;
        width: 282px;
        padding-top:50px;
        
        
}
.title-boxes{
        float: right;
        font: 12px "tahoma", Arial, Helvetica, sans-serif;
        padding: 59px 0 0;
        width: 588px
}
.title-headline{
        color: #212121;
        height: 87px;
        margin: 0 0 10px;
        text-align: center
}
.thead{
        height: 39px;
        overflow: hidden
}
/*=== All Columns ===*/
.col1{
        float: left;
        width: 440px;
		
}
.col2{
        float: right;
        width: 490px
}
.col3{
        float: left;
        width: 445px
}
.col4{
        float: left;
        width: 320px
}
.col4-extendida{
        float: left;
        width: 710px
}
.col4-kayako{
        float: left;
        width: 960px
}
.col5{
        float: left;
        margin: 0 0 0 17px;
        width: 373px
}
.col6{
        float: left;
        width: 305px
}
.col7{
        float: left;
        margin: 0 0 0 40px;
        width: 345px
}
.col8{
        float: right;
        width: 223px
}
/*- Sub Columns -*/
.subcol1{
        float: left;
        width: 200px
}
.subcol2{
        float: left;
        margin: 0 0 0 20px;
        width: 250px
}
.subcol3{
        float: left;
        margin: 0 0 0 20px;
        width: 240px
}
.subcol4{
        float: right;
        width: 220px
}
.subcol5{
        float: left;
        font-size: .9em;
        padding: 0 0 0 10px;
        width: 220px
}
.subcol6{
        float: right;
        font-size: .9em;
        width: 223px
}
.subcol7{
        float: left;
        width: 150px
}
.subcol8{
        float: right;
        width: 220px
}
.subcol9{
        float: left;
        width: 110px
}
.subcol10{
        float: right;
        width: 205px
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box{
        background: url(../images/box-bgr2.gif) repeat-y;
        font-size: .9em;
        margin: 0 0 .8em;
        width: 444px
}
.box .top{
        background: url(../images/box-top.gif) top no-repeat;
        clear: both;
        height: 2px;
        overflow: hidden
}
.box .content{
        background: url(../images/box-bgr.gif) bottom no-repeat;
        height: 1%;
        padding: 15px 20px
}
.box h4{
        font-weight: normal;
        margin: 0
}
/*- Box2 -*/
.box2{
        background: url(../images/box2-bgr.png) top no-repeat;
        color: #000000;
        float: left;
        height: 184px;
        margin: 0 3px;
        overflow: hidden;
        width: 190px
}
* html .box2{
        margin: 0 2px;
}
.box2 .bot{
        background: url(../images/box2-bot.png) top no-repeat;
        clear: both;
        height: 50px;
        overflow: hidden
}
.box2 .content{
        font-size: 11px;
        height: 84px;
        overflow: hidden;
        padding: 20px 30px 0
}
.box2 .content a{
        color: #000000
}
.box2-buttons{
        height: 30px
}
.box2 h3{
        background: url(../images/hl-dot.gif) bottom repeat-x;
        color: #000209;
        font: 18px Georgia, "Times New Roman", Times, serif;
        margin: 0 0 5px;
        padding: 0 0 5px
}

.box3{
        background: url(../images/box3-bgr2.png) top no-repeat;
        color: #000000;
        float: left;
        height: 290px;
        margin: 0 3px;
        overflow: hidden;
        width: 440px
}
* html .box3{
        margin: 0 2px;
}
.box3 .bot{
        background: url(../images/box3-bot.png) top no-repeat;
        clear: both;
        height: 50px;
		position:relative;
		top: -100px;
}
.box3 .content{
        font-size: 12px;
        height: 148px;
        overflow: hidden;
        padding: 40px 35px 0 40px;
		width:220px;
}
.box3 .precio{
        font-size: 11px;
		width: 115px;
		top: -130px;
		right:20px;
		float: right;
		position:relative;
        padding: 5px 5px 0;
}

.box3 .oferta-limitada{
	position:relative;
	top: -159px;
	left:311px;
	width: 100px;
	text-align: center;
	text-shadow: 0px 1px 0px #ECECEC;	
}

.box3 .oferta-limitada-date{
        font: 18px Georgia, "Times New Roman", Times, serif;
}
.box3 .oferta-limitada-time{
        font: 15px Georgia, "Times New Roman", Times, serif;
		color: red;
}
.box3 .oferta-limitada-finaliza{
        font: 10px Georgia, "Times New Roman", Times, serif;
}


.box3 .content a{
        color: #000000
}
.box3-buttons{
        height: 30px;
		float: right;
		position:relative;
		left:125px;
		overflow:hidden;
		top: -50px;
}
.box3 h3{
        background: url(../images/hl-dot.gif) bottom repeat-x;
        color: #000209;
        font: 18px Georgia, "Times New Roman", Times, serif;
        margin: 0 0 5px;
        padding: 0 0 5px
}
.box3 .ico-flag{
        color: #525252;
        float: left;
        font: 11px Arial, Helvetica, sans-serif;
        text-align: right;
        width: 50px;
}

/*- Box 'Plans' -*/
.box-plans{
        margin: 0 0 1em;
        width: 440px
}
.box-plans .top,.box-plans .top2,.box-plans .top3,.box-plans .top4,.box-plans .top5,.box-plans .bot{
        background: url(../images/box-plans-top.gif) top no-repeat;
        clear: both;
        height: 71px;
        overflow: hidden
}
.box-plans .top2{
        background: url(../images/box-plans-top2.gif) top no-repeat
}

.box-plans .top3{
        background: url(../images/box-plans-top3.gif) top no-repeat
}

.box-plans .top4{
        background: url(../images/box-plans-top4.gif) top no-repeat
}

.box-plans .top5{
        background: url(../images/box-plans-top5.gif) top no-repeat
}

.box-plans .bot{
        background: url(../images/box-plans-bot.gif) top no-repeat;
        font-size: 12px;
        height: 47px;
        padding: 40px 0 0;
        text-align: center
}
.box-plans .bot img{
        margin: 0 0 -5px;
        position: relative
}
.box-plans .content{
        background: url(../images/box-plans-bgr.gif) no-repeat bottom;
        height: 1%;
        padding: 10px 8px 0
}
/* 'Plan' List */
.plan-list{
        float: left;
        font: 12px Tahoma, Arial, Helvetica, sans-serif;
        width: 120px
}
.plan-list ul{
        padding: 0 0 1em
}
.plan-list li{
        background: url(../images/hl-sep.png) bottom no-repeat;
        color: #000000;
        height: 30px;
        line-height: 30px;
        padding: 0 0 0 10px;
		text-shadow: 0px 1px 0px #ECECEC;
		
}
* html .plan-list li{
        background: url(../images/hl-dot.gif) bottom repeat-x; 
}
.plan-list.plcenter{
        padding: 0 0 0 30px
}
/*- 'Plan' Price -*/ 
.plan-price{
        float: right;
        font: 14px Arial, Helvetica, sans-serif;
        height: 65px;
        margin: 0 0 10px;
        text-align: right;
        width: 65px;
		text-shadow: 0px 1px 0px #ECECEC;
		
}
.plan-price em{
        display: block;
        font-size: 11px;
        font-style: normal
}
.plan-price big{
        font: bold 30px Arial, Helvetica, sans-serif;
        letter-spacing: -1px

}
.ico-flag{
        color: #525252;
        float: left;
        font: 11px Arial, Helvetica, sans-serif;
        text-align: right;
        width: 50px
}
/*- Box 'Testimonials' -*/
.box-testimonials{
        background: url(../images/ico-q-.gif) bottom right no-repeat;
        margin: 0 0 2.5em
}
.box-testimonials blockquote{
        background: url(../images/ico-q.gif) left top no-repeat;
        color: #7c7c7c;
        display: block;
        font: italic 1.2em Georgia, "Times New Roman", Times, serif;
        padding: 20px 0 0 10px
}
.box-testimonials p, .testimonials p{
        padding: 0 0 .5em
}
.box-testimonials cite, .testimonials cite{
        display: block;
        font-size: 1em;
        font-style: normal;
        padding: 0 0 0 20px
}
.testimonials{
        background: url(../images/ico-q-.gif) bottom right no-repeat;
        margin: 0 0 2.5em
}
.testimonials blockquote{
        background: url(../images/ico-q.gif) left top no-repeat;
        color: #7c7c7c;
        display: block;
        font: italic 1.2em Georgia, "Times New Roman", Times, serif;
        padding: 20px 0 0 10px
}
/*- Gray Box -*/
.graybox{
        background: url(../images/graybox.jpg) top no-repeat;
        color: #000000;
        float: left;
        height: 199px;
        margin: 0 0px;
        overflow: hidden;
        width: 200px
}
.graybox, .graybox title{
        display: block;
        font-size: 1em;
        font-style: normal;
        padding: 0 0 20px 0px
}


/*=== Styling Lists ===*/
/*- List1 -*/
.list1{
        margin: 0 0 1.3em
}
.list1 li{
        background: url(../images/ico-arrow.gif) no-repeat 0 12px;
        border-bottom: 1px solid #dddddd;
        padding: .5em 0 .5em 13px
}
.list1 li a{
        color: #525252
}
.list1 li a:hover{
        color: #fc931f;
        text-decoration: none
}
/*- List2 -*/
.list2{
        font-size: 14px;
        margin: 0 0 1em
}
.list2 li{
        background: url(../images/ico-arrow.gif) right no-repeat;
        border-bottom: 1px solid #dddddd;
        font-weight: bold;
        height: 70px;
        line-height: 64px;
        margin: 0 0 12px;
        padding: 0 0 8px
}
.list2 li a{
        color: #525252
}
.list2 li a:hover{
        color: #fc931f;
        text-decoration: none
}
.list2 li img{
        border: 1px solid #d3d3d3;
        float: left;
        margin: 0 15px 0 0;
        padding: 1px
}
/*- List3 -*/
.list3{
        font-size: .9em;
        margin: 0 0 1em
}
.list3 h4{
        font-size: 1.1em;
        margin: 0 0 .2em
}
.list3 p{
        line-height: 1.1em;
        padding: 0
}
.list3 li{
        clear: both;
        margin: 0 0 12px;
        height: 1%
}
.list3 li a{
        color: #525252
}
.list3 li a:hover{
        color: #ff4200;
        text-decoration: none
}
.list3 li img{
        float: left;
        margin: 0 15px 25px 0
}
/*=== List numbers ===*/

.list4{
        margin: 0 0 1.3em
}
.list4 li{
        border-bottom: 1px solid #dddddd;
        padding: .5em 0 .5em 13px
}
.list4 li a{
        color: #525252
}
.list4 li a:hover{
        color: #fc931f;
        text-decoration: none
}

/*=== Link Buttons ===*/
.btn-link, .btn-link2{
        clear: both;
        height: 30px;
        margin: 0 auto;
        width: 90px
}
.btn-link a, .btn-link2 a{
        background: url(../images/btn-link.gif) no-repeat 0 0;
        color: #23292b;
        display: block;
        font: bold 12px/30px Tahoma, Arial, Helvetica, sans-serif;
        height: 30px;
        text-align: center;
        text-decoration: none;
		text-shadow: 0px 1px 0px #ECECEC;
		
}
.btn-link a:hover,.btn-link2 a:hover{
        background-position: 0 -30px;
        color: #ffffff;
        text-decoration: none;
		text-shadow: 0px 1px 0px #000;
		
}
.btn-link2{
        margin-bottom: 2em;
        width: 100px
}
.btn-link2 a{
        background: url(../images/btn-link2.gif) no-repeat 0 0;
        color: #425a00;
}
.btn-link3, button{
        clear: both;
        margin: 0 0 1em;
        width: 69px
}
button {
        background: url(../images/btn-link3.gif) no-repeat 0 0;
        color: #23292b;
        font: 11px/18px Tahoma, Arial, Helvetica, sans-serif;
        height: 20px;
        text-align: center;
        text-decoration: none
}
button:hover{
        background-position: 0 -20px;
        color: #ffffff;
        text-decoration: none;
		cursor: pointer
}

.btn-link3 a{
        background: url(../images/btn-link3.gif) no-repeat 0 0;
        color: #23292b;
        display: block;
        font: 11px/18px Tahoma, Arial, Helvetica, sans-serif;
        height: 20px;
        text-align: center;
        text-decoration: none;
		text-shadow: 0px 1px 0px #ECECEC;
		
}
.btn-link3 a:hover{
        background-position: 0 -20px;
        color: #ffffff;
        text-decoration: none;
		text-shadow: 0px 1px 0px #000;
		
}
.btn-link4{
        clear: both;
        margin: 0 auto 1em;
        width: 129px
}
.btn-link4 a{
        background: url(../images/btn-link4.gif) no-repeat 0 0;
        color: #23292b;
        display: block;
        font: 11px/24px Tahoma, Arial, Helvetica, sans-serif;
        height: 25px;
        text-align: center;
        text-decoration: none;
		text-shadow: 0px 1px 0px #ECECEC;		
}
.btn-link4 a:hover{
        background-position: 0 -25px;
        color: #ffffff;
		text-shadow: 0px 1px 0px #000000;		
}
.btn-link5, .btn-link6{
        width: 90px
}
.btn-link5 {
        background: url(../images/btn-link5.gif) no-repeat 0 0;
        color: #321f00;
        display: block;
        font: bold 12px/30px Tahoma, Arial, Helvetica, sans-serif;
        height: 30px;
        text-align: center;
        text-decoration: none;
		text-shadow: 0px 1px 0px #c0c0c0;
}

.btn-link6 a{
        background: url(../images/btn-link5.gif) no-repeat 0 0;
        color: #321f00;
        display: block;
        font: bold 12px/30px Tahoma, Arial, Helvetica, sans-serif;
        height: 30px;
        text-align: center;
        text-decoration: none;
		text-shadow: 0px 1px 0px #ECECEC;
}
.btn-link6 a:hover{
        background-position: 0 -30px;
        color: #ffffff;
        text-decoration: none;
		text-shadow: 0px 1px 0px #000000;		
}
.btn-link6 a{
        background: url(../images/btn-link6.gif) no-repeat 0 0;
        color: #23292b
}
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img{
        display: block;
        margin: 0 0 1em
}
/*- Page Specific pictures - */
.pic01{
        background: url(../images/gradient.gif) top repeat-x;
        height: 265px;
        margin: -135px 0 25px;
        overflow: hidden;
        padding: 10px;
        position: relative;
        width: 470px;
        z-index: 10
}
.pic02{
        background: url(../images/gradient.gif) top repeat-x;
        height: 265px;
        margin: -135px 0 25px;
        overflow: hidden;
        padding: 10px;
        position: relative;
        width: 270px;
        z-index: 10
}

/*- Ad Promo -*/ 
.ad-promo{
        background: url(../images/ad-bgr.gif) top no-repeat;
        height: 143px;
        margin: 0 0 2.5em;
        padding: 1px 0 0 2px;
        width: 219px
}
/*=== Footer ===*/
#page-bot{
       background: url(../images/page-bot.gif) #090909 top repeat-x;
       padding: 40px 0 20px;
       margin: 30px 0 -30px;
       position: relative;
       overflow:hidden;
}
* html #page-bot{
       margin: 0
}
#footer{
		display:block;
        color: #999999;
        font-size: .9em;
        margin: 0 auto;
        width: 960px;
        overflow: hidden;
}
#footer h4{
        color: #ff5a00;
        font-size: 2em;
        font-weight: normal
}
#footer a{
        color: #999999
}
#footer a:hover{
        color: #ff5a00;
        text-decoration: none
}
#footer li{
        padding: 0 0 .3em
}
/*- Copyright Info -*/
#facebook-footer{ display: block;float: left;overflow: hidden;width: 450px;}
#copyr{color:#555555;padding:0 90px 0 0;text-align:right;height:35px;width:300px;float: right;}
#copyr img{margin:0 0 -10px}
* html #copyr img{
        margin: 0 0 -5px
}
/*=== Misc. ===*/
.fix{
        clear: both;
        height: 1px;
        margin: -1px 0 0;
        overflow: hidden
}
.fl{
        float: left
}
.fr{
        float: right
}
.ac{
        text-align: center
}
.ar{
        text-align: right
}
img.ilustracion{
	margin: 0 0 10px 10px;
}

/* --------------------------------------------------------------
   SUPPORT TICKETS
-------------------------------------------------------------- */

.clientticketreplyheader {
    margin-top: 20px;
    background-color: #0395d9;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.clientticketreply {
    min-height: 80px;
    background-color: #ffffff;
    background-image: url('images/clientticketreplybg.gif');
    background-repeat: repeat-x;
    padding: 10px;
}

.adminticketreplyheader {
    margin-top: 20px;
    background-color: #ee7f01;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.adminticketreply {
    min-height: 80px;
    background-color: #ffffff;
    background-image: url('images/adminticketreplybg.gif');
    background-repeat: repeat-x;
    padding: 10px;
}

.closeticket {
    border: 1px dashed #cc0000;
	font-weight: bold;
	background-color: #FBEEEB;
    color: #cc0000;
}
/* --------------------------------------------------------------
   KNOWLEDGEBASE
-------------------------------------------------------------- */

.kbarticle {
    padding: 2px 5px 5px 15px;
}

.kbviews {
    color:#A8A8A8;
    font-size:10px;
}

.kbalsoread {
    padding: 5px 5px 5px 15px;
    background-color: #f8f8f8;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;
    font-weight: bold;
    margin: 10px 0 10px 0;
}

/* --------------------------------------------------------------
   TEXT COLORS
-------------------------------------------------------------- */

.textblack {
	color: #000000;
}

.textblue {
    color: #224488;
}

.textgreen {
	color: #779500;
}

.textgrey {
	color: #888888;
}

.textgold {
    color: #ffbb55;
}

.textorange {
	color: #ff6600;
}

.textred {
	color: #cc0000;
}

/* --------------------------------------------------------------
   BUTTONS
-------------------------------------------------------------- */

input.button,input.buttongo,input.buttonwarn {
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    width:auto;
    overflow:visible;
    padding:4px 7px 3px 7px;
}
input.button:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
input.buttongo:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
input.buttonwarn:hover{
    background-color:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}

/* --------------------------------------------------------------
   TWITTER FEED
-------------------------------------------------------------- */

#twitterfeed ul {
    list-style-type: none;
    padding: 0;
    margin: 15px 0 20px 0;
}
#twitterfeed li {
    background-image: url(../../images/twittericon.png);
    background-repeat: no-repeat;
    background-position: 0;
    margin: 0 20px 10px 20px;
    padding-left: 25px;
}
#twitterfeed p {
    text-align: center;
    margin: 15px;
}

#announcementstwitter {
    float: right;
    width: 250px;
    margin: 0 0 20px 10px;
    padding: 10px 0 10px 0;
    border: 1px dashed #f5e303;
    background-color: #ffffec;
}
#announcementstwitterfeed ul {
    list-style-type: none;
    padding: 0;
    margin: 15px 0 0 0;
}
#announcementstwitterfeed li {
    padding: 10px;
    border-top: 1px dashed #f5e303;
}
#announcementstwitterfeed p {
    text-align: center;
    padding: 10px;
    margin: 10px 0 0 0;
    border-top: 1px dashed #f5e303;
}

/* --------------------------------------------------------------
   TABLES
-------------------------------------------------------------- */

table.topnavbar {
	width: 100%;
}

tr.topnavbar {
	background-color: #efefef;
	font-weight:bold;
	text-align: center;
}

tr.topnavbar a {
	color: #000000;
	text-decoration: none;
}

tr.topnavbar a:hover {
	color: #666666;
}

table.frame {
	width: 100%;
	border: 1px solid #8FBCE9;
	padding: 0px;
}

.fieldarea {
	background-color: #EFF2F9;
	text-align: right;
}

.clientareatable {
	width: 100%;
	background-color: #cccccc;
}

tr.clientareatableheading td, tr.clientareatableheading th {
	background-color: #efefef;
	font-weight: bold;
	text-align: center;
    font-size: 12px;
	padding: 4px;
}

tr.clientareatableheading th a {
    color: #000;
}

.clientareatable td, tr.clientareatableactive td {
	background-color: #ffffff;
	text-align: center;
    padding: 2px;
}

tr.clientareatablepending td {
	background-color: #FFFFE2;
	text-align: center;
    padding: 2px;
}

tr.clientareatablesuspended td {
	background-color: #E9FFD2;
	text-align: center;
    padding: 2px;
}

tr.clientareatableterminated td {
	background-color: #FFE1E1;
	text-align: center;
    padding: 2px;
}

/* --------------------------------------------------------------
   NETWORK ISSUES
-------------------------------------------------------------- */

.networkissuessummary {
    background-color: #f6f6f6;
    border: 1px dashed #cccccc;
    padding: 10px;
    text-align: center;
}

.networkissuesopen {
    font-size: 16px;
    font-weight: bold;
    color: #65CC00;
    padding-right: 20px;
}

.networkissuesscheduled {
    font-size: 16px;
    font-weight: bold;
    color: #EEDD00;
    padding-right: 20px;
}

.networkissuesclosed {
    font-size: 16px;
    font-weight: bold;
    color: #888888;
}

.networkissuedescription {
    border-left: 5px solid #efefef;
    padding: 20px;
    padding-top: 1px;
}

.networkissueaffected {
    background-color: #FDFCDD;
    padding: 10px;
    margin-top: 10px;
}