﻿/* ========================================
 * Quotes SECTION
 * ========================================
*/


.quote_head
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #af0602;
    text-decoration: none;
    background-image: url(images/icons/quote1.png);
    background-repeat: no-repeat;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    height: 20px;
}

.quote_head2
{
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #af0602;
    text-decoration: none;
    background-image: url(images/icons/quote2.png);
    background-repeat: no-repeat;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    height: 20px;
}

.quote_person
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #655f5f;
    text-decoration: none;
    padding-left: 20px;
}

/*  Modal Styles
------------------------------------*/

.modalPopup
{
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    color: #655f5f;
    text-decoration: none;
    margin: 0px;
    width: 435px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.modalBorder1
{
    background-image: url(../../images/modal/modal_01.png);
    -moz-opacity: .50;
    filter: alpha(opacity=50);
    opacity: .50;
}
.modalBorder2
{
    background-image: url(../../images/modal/modal_02.png);
    -moz-opacity: .50;
    filter: alpha(opacity=50);
    opacity: .50;
}
.modalBorder3
{
    background-image: url(../../images/modal/modal_03.png);
    -moz-opacity: .50;
    filter: alpha(opacity=50);
    opacity: .50;
}
.modalBorder4
{
    background-image: url(../../images/modal/modal_04.png);
    -moz-opacity: .50;
    filter: alpha(opacity=50);
    opacity: .50;
}
.modalBorder6
{
    background-image: url(../../images/modal/modal_06.png);
    -moz-opacity: .50;
    filter: alpha(opacity=50);
    opacity: .50;
}
.modalBorder7
{
    background-image: url(../../images/modal/modal_07.png);
    -moz-opacity: .50;
    filter: alpha(opacity=50);
    opacity: .50;
}
.modalBorder8
{
    background-image: url(../../images/modal/modal_08.png);
    -moz-opacity: .50;
    filter: alpha(opacity=50);
    opacity: .50;
}
.modalBorder9
{
    background-image: url(../../images/modal/modal_09.png);
    -moz-opacity: .50;
    filter: alpha(opacity=50);
    opacity: .50;
}

.modalBackground
{
    background-color: White;
    filter: alpha(opacity=40);
    opacity: 0.4;
}


/*  News Styles
------------------------------------*/

.moreTops {
    background: #fff;
    float: left;
    border-bottom: 1px solid #c3c3c3;
    padding-bottom: 0.6em;
}
/*.moreTops img {
    margin-left: 5px;
    position: absolute;
    bottom: 5px;
}*/
.moreTops li, .otherStories li {
    border-left: 1px solid #c3c3c3;
    display: inline;
    float: left;
    /*height: 22em;*/
    margin: 0.4em 0;
    padding: 0.5em 10px;
    position: relative;
    /*width: 180px;*/
}
.moreTops p, .otherStories p {
    font-size: 1em;
}
.moreTops li .first {
    border: none;
}

/* Star Rating */
.ratingStar
{
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}
.filledRatingStar
{
    background-image: url(images/icons/FilledStar.png);
}

.emptyRatingStar
{
    background-image: url(images/icons/EmptyStar.png);
}

.savedRatingStar
{
    background-image: url(images/icons/SavedStar.png);
}
/* End Rating */

.CellPadding_UC 
{
    padding-top: 3px;
    padding-left: 10px;
    padding-bottom: 3px;
}

/* Language Library listview container styles */

        .lang_container
        {
            margin-left: auto;
            margin-right: auto;
            width: 700px;
            background-image: url(images/bg_lang_container.jpg);
            background-repeat: repeat-x;
        }
        
        .lang_container .item
        {
            width: 232px;
            height: 100px;
            display: inline;
            float: left;
            position: relative;
            border-right: 1px solid #c5c5c5;
            border-bottom: 1px solid #c5c5c5;
        }
        
        .lang_container .last
        {
            border-right: none;
        }
        
        .lang_container .item .content
        {
            margin: 10px;
            height: 80px;
        }
        
        .lang_container .item .content .flag
        {
            padding-top: 16px;
            float: left;
        }
        
         .lang_container .item .content .flag img
        {
           border: none;
        }
        
        .lang_container .item .content .title
        {
            float: left;
            padding-top: 31px;
            padding-left: 5px;
            font-size: 18px;
            color: #3a3939;
        }
        
        
        .lang_container .item .content .title a
        {
            font-size: 18px !important;
            color: #3a3939 !important;
        }
        
        .lang_container .item .content .title a:hover
        {
            font-size: 18px !important;
            color: #204582 !important;
            
        }
        .lang_container .item .content .type
        {
            float: right;
            cursor:pointer;
        }
        
        
        .clear
        {
            clear: both;
            display: block;
            overflow: hidden;
            visibility: hidden;
            width: 0;
            height: 0;
        }

.ul_online ul
{
    width: 225px;
   
    
}

.ul_online li a {
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	float: left;
	display: block;
	padding-bottom: 5px;
	width: 60px;

}
.ul_online li a span {
	color: #666666 !important;
	font-size: 9px;
	font-weight: normal;
	text-transform: lowercase;
	display: block;
	cursor:pointer;
}
.moreTops .rrtItem li 
{
    
    border: none !important;
    
}