/* Progous CSS Document */
/* Date Created: 28-10-2008 */
/* Last Modified: 24-01-2009 */
/* Authors 1- Osama Shamseddine <osama@progous.com> */
/*         2- 
/* Copyright 2008, All Rights Reserved */

body 
{
     margin-top:20px;
     margin-bottom:0px;
     margin-left:0px;
     margin-right:0px;
}

.bg
{
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 0px;
    background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
        
/* Text Styles */

.bodytext
{
    font-family:Trebuchet MS;
    font-size:11px;
    color:#666666;
}

.whitebodytext
{
    font-family:Trebuchet MS;
    font-size:11px;
    color:#FFFFFF;
}

.bluetext18
{
    font-family:Trebuchet MS;
    font-size:18px;
    color:#3098D2;
    font-weight:bold;
}

.bluetext14
{
    font-family:Trebuchet MS;
    font-size:14px;
    color:#3098D2;
    font-weight:bold;
}

.blacktext14
{
    font-family:Trebuchet MS;
    font-size:14px;
    color:#000000;
    font-weight:bold;
    
}
.blacktext13
{
    font-family:Trebuchet MS;
    font-size:13px;
    color:#000000;
    font-weight:bold;
}

.bluetext12
{
    font-family:Trebuchet MS;
    font-size:12px;
    color:#3098D2;
    font-weight:bold;
}

.bluetext11
{
    font-family:Trebuchet MS;
    font-size:11px;
    color:#3098D2;
    font-weight:bold;
}

.bluetext8
{
    font-family:Trebuchet MS;
    font-size:8px;
    color:#3098D2;
    font-weight:bold;
}


.bluetext12italics
{
    font-family:Trebuchet MS;
    font-size:12px;
    color:#3098D2;
    font-weight:bold;
    font-style:italic;
}

.lightbluetext12italics
{
    font-family:Trebuchet MS;
    font-size:12px;
    color:#96C4E7;
    font-weight:bold;
    font-style:italic;
}

.blacktext11
{
    font-family:Trebuchet MS;
    font-size:11px;
    color:#000000;
    font-weight:bold;
}

.blacktext10
{
    font-family:Trebuchet MS;
    font-size:10px;
    color:#000000;
    font-weight:bold;
}

.blacktext9
{
    font-family:Trebuchet MS;
    font-size:9px;
    color:#000000;
    font-weight:bold;
}

.blacktext8
{
    font-family:Trebuchet MS;
    font-size:8px;
    color:#000000;
    font-weight:bold;
}

.whitetext25
{
    font-family:Trebuchet MS;
    font-size:25px;
    color:#FFFFFF;
    font-weight:bold;
}


.whitetext12
{
    font-family:Trebuchet MS;
    font-size:12px;
    color:#FFFFFF;
    font-weight:bold;
}

.whitetext13
{
    font-family:Trebuchet MS;
    font-size:13px;
    color:#FFFFFF;
    font-weight:bold;
}

.whitetext20
{
    font-family:Trebuchet MS;
    font-size:20px;
    color:#FFFFFF;
    font-weight:bold;
}

.greytext18
{
    font-family:Trebuchet MS;
    font-size:18px;
    color:#D1D1D3;
    font-weight:bold;
}

.greytext14
{
    font-family:Trebuchet MS;
    font-size:14px;
    color:#D1D1D3;
    font-weight:bold;
}
.purpletext18
{
    font-family:Trebuchet MS;
    font-size:18px;
    color:#AE208E;
    font-weight:bold;
}

.purpletext13
{
    font-family:Trebuchet MS;
    font-size:13px;
    color:#AE208E;
    font-weight:bold;
}

.purpletext12
{
    font-family:Trebuchet MS;
    font-size:12px;
    color:#AE208E;
    font-weight:bold;
}

.purpletext11
{
    font-family:Trebuchet MS;
    font-size:11px;
    color:#AE208E;
    font-weight:bold;
}

.lightbluetext12
{
    font-family:Trebuchet MS;
    font-size:12px;
    color:#DEE9F7;
    font-weight:bold;
    font-style:italic;    
}

.footertext
{
    font-family:Trebuchet MS;
    font-size:10px;
    color:#B2B2B2;
    font-weight:bold;
}

.errortext
{
    font-family:Trebuchet MS;
    font-size:10px;
    color:#E8385C;
}

/* Control Styles */
input
{
    border-color:#E6E6E6;
    border-style:solid;
    border-width:1px;
    font-family:Trebuchet MS;
    font-size:12px;
    color:#828385;
    width:95%;
}
.input
{
    border-color:#E6E6E6;
    border-style:solid;
    border-width:1px;
    height:15px;
    font-family:Trebuchet MS;
    font-size:12px;
    color:#828385;
    width:95%;
}

input.edit
{
    border-color:#E6E6E6;
    border-style:solid;
    border-width:1px;
    height:15px;
    font-family:Trebuchet MS;
    font-size:13px;
    color:#000000;
    width:95%;
}


input.radio
{
    border-width:0px;
    height:15px;
    width:15%;
}

textarea
{
    border-color:#E6E6E6;
    border-style:solid;
    border-width:1px;
    font-family:Trebuchet MS;
    font-size:12px;
    color:#828385;
    width:95%;
    overflow:auto;

}

select
{
    border-color:#E6E6E6;
    border-style:solid;
    border-width:1px;
    height:20px;
    font-family:Trebuchet MS;
    font-size:12px;
    color:#828385;
    width:95%;
}

select.limited
{
    width:90%;
}

.onethirdtd
{
    width:30%;
}

/* Layers Styles */
.divLogin
{
    background-image:url(../images/loginbg.jpg);
    background-repeat:repeat-y;
    width:218px;
    padding-left:18px;
    padding-right:12px;
    padding-top:5px;
}

.divAccount
{
    background-image:url(../images/loginbg.jpg);
    background-repeat:repeat-y;
    width:218px;
    padding-left:18px;
    padding-right:12px;
    padding-top:5px;
}

.divTopAccount
{
    background-color:#2899D3;
    width:231px;
    height:49px;
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:0px;
}

.divSignUp
{
    background-image:url(../images/signupbg.jpg);
    background-repeat:repeat-y;
    width:576px;
    padding-top:10px;
    padding-left:43px;
    padding-right:30px;
}

.divTellAFriend
{
    background-image:url(../images/tellafriendbg.jpg);
    background-repeat:no-repeat;
    width:536px;
    height:111px;
    padding-top:50px;
    padding-left:53px;
    padding-right:60px;
}

.divAbout
{
    background-image:url(../images/about5.jpg);
    background-repeat:no-repeat;
    width:510px;
    height:297px;
    padding-top:80px;
    padding-left:24px;
    text-align:left;
}

.divPolicy
{
    background-image:url(../images/policybg.jpg);
    background-repeat:no-repeat;
    width:534px;
    height:317px;
    padding-top:60px;
    padding-left:0px;
    padding-right:25px;
}

.divFaq
{
    background-image:url(../images/faq5.jpg);
    background-repeat:no-repeat;
    width:425px;
    height:278px;
    padding-top:100px;
    padding-left:8px;
    padding-right:0px;
}

.divRates
{
    background-image:url(../images/rates4.jpg);
    background-repeat:no-repeat;
    width:615px;
    height:109px;
    padding-top:100px;
    padding-left:40px;
    padding-right:0px;
}

.divTicker
{
    background-image:url(../images/rates5.jpg);
    background-repeat:no-repeat;
    width:635px;
    height:66px;
    padding-top:13px;
    padding-left:20px;
    padding-right:0px;
}

.divCreditCard
{
    background-image:url(../images/creditcard.jpg);
    background-repeat:no-repeat;
    width:433px;
    height:342px;
    padding-top:0px;
    padding-left:40px;
    padding-right:0px;
}

.divPassword
{
    background-image:url(../images/passwordbg.jpg);
    background-repeat:no-repeat;
    width:433px;
    height:342px;
    padding-top:0px;
    padding-left:40px;
    padding-right:0px;
}


.divDetails
{
    background-image:url(../images/detailsbg.jpg);
    background-repeat:no-repeat;
    width:433px;
    height:342px;
    padding-top:0px;
    padding-left:40px;
    padding-right:0px;
}

.divSpeedial
{
    background-image:url(../images/speedialsbg.jpg);
    background-repeat:no-repeat;
    width:433px;
    height:342px;
    padding-top:0px;
    padding-left:40px;
    padding-right:0px;
}

.divMobile
{
    background-image:url(../images/yourmobilesbg.jpg);
    background-repeat:no-repeat;
    width:463px;
    height:342px;
    padding-top:0px;
    padding-left:10px;
    padding-right:0px;
}

.divStore
{
    background-image:url(../images/storebg.jpg);
    background-repeat:no-repeat;
    width:463px;
    height:342px;
    padding-top:0px;
    padding-left:10px;
    padding-right:0px;
}


.divConfirmation
{
    background-image:url(../images/confirmationbg.jpg);
    background-repeat:no-repeat;
    width:463px;
    height:342px;
    padding-top:0px;
    padding-left:10px;
    padding-right:0px;
}

.divSuccessful
{
    background-image:url(../images/successfulbg.jpg);
    background-repeat:no-repeat;
    width:463px;
    height:342px;
    padding-top:0px;
    padding-left:10px;
    padding-right:0px;
}

.divInnerAccount
{
    background-image:url(../images/inneraccountbg.jpg);
    background-repeat:no-repeat;
    width:468px;
    height:342px;
    padding-top:0px;
    padding-left:5px;
    padding-right:0px;
}

.divHistory
{
    background-image:url(../images/historybg.jpg);
    background-repeat:no-repeat;
    width:423px;
    height:342px;
    padding-top:0px;
    padding-left:50px;
    padding-right:0px;
}

.divBooth
{
    background-image:url(../images/booth3.jpg);
    background-repeat:no-repeat;
    width:127px;
    height:273px;
    padding-top:0px;
    padding-left:15px;
    padding-right:0px;
}

.divSMS
{
    background-color:#2999D3;
    width:574px;
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    font-family:Trebuchet MS;
    font-size:12px;
    color:#FFFFFF;
}


/* Top menu buttons */

div.button
{
    cursor:hand;
    cursor:pointer;    
    background-repeat:no-repeat;    
    height:32px;
    width:145px;
}

div.about
{
    background-image:url(../images/aboutme.jpg);
    padding-left:10px;
}

div.about:hover
{
    background-image:url(../images/aboutme_over.jpg);
}

div.rates
{
    background-image:url(../images/myrates.jpg);
    padding-left:10px;
}

div.rates:hover
{
    background-image:url(../images/myrates_over.jpg);
}


div.help
{
    background-image:url(../images/needhelp.jpg);
}

div.help:hover
{
    background-image:url(../images/needhelp_over.jpg);
}


/* Left menu buttons */

div.leftbutton
{
    cursor:hand;
    cursor:pointer;  
    background-repeat:no-repeat;
    height:54px;
    width:230px;
}

div.tellafriend
{
    background-image:url(../images/tellafriend.jpg);
}

div.tellafriend:hover
{
    background-image:url(../images/tellafriend_over.jpg);
}

div.yourmobiles
{
    background-image:url(../images/yourmobiles.jpg);
}

div.yourmobiles:hover
{
    background-image:url(../images/yourmobiles_over.jpg);
}

div.speedials
{
    background-image:url(../images/speedials.jpg);
}

div.speedials:hover
{
    background-image:url(../images/speedials_over.jpg);
}

div.history
{
    background-image:url(../images/history.jpg);
}

div.history:hover
{
    background-image:url(../images/history_over.jpg);
}

div.password
{
    background-image:url(../images/password.jpg);
}

div.password:hover
{
    background-image:url(../images/password_over.jpg);
}

div.details
{
    background-image:url(../images/details.jpg);
}

div.details:hover
{
    background-image:url(../images/details_over.jpg);
}

/* inner buttons */

div.innerbutton
{
    cursor:hand;
    cursor:pointer;  
    background-repeat:no-repeat;
    height:26px;
    width:115px;
}

div.calllog
{
    background-image:url(../images/calllog.jpg);
}

div.calllog:hover
{
    background-image:url(../images/calllog_over.jpg);
}

div.smshistory
{
    background-image:url(../images/smshistory.jpg);
}

div.smshistory:hover
{
    background-image:url(../images/smshistory_over.jpg);
}

img
{
    border:0;
}

/* Padding Styles */
/* TOP */
.paddingtop3
{
    padding-top:3px;
}

.paddingtop5
{
    padding-top:5px;
}

.paddingtop10
{
    padding-top:10px;
}

.paddingtop15
{
    padding-top:15px;
}

.paddingtop20
{
    padding-top:20px;
}

.paddingtop30
{
    padding-top:30px;
}

.paddingtop40
{
    padding-top:40px;
}

.paddingtop60
{
    padding-top:60px;
}

.paddingtopbottom5
{
    padding-top:5px;
    padding-bottom:5px;
}

/* LEFT */
.paddingleft40
{
    padding-left:40px;
}

.paddingleft31
{
    padding-left:31px;
}

.paddingleft30
{
    padding-left:30px;
}

.paddingleft20
{
    padding-left:20px;
}

.paddingleft10
{
    padding-left:10px;
}

.paddingleft7
{
    padding-left:7px;
}

.paddingleft5
{
    padding-left:5px;
}
 /* RIGHT */
.paddingright60
{
    padding-right:60px;
}

.paddingright20
{
    padding-right:20px;
}.paddingright10
{
    padding-right:10px;
}

 /* bottom */
.paddingbottom40
{
    padding-bottom:40px;
}

.paddingbottom20
{
    padding-bottom:20px;
}


/* Links Styles */

a.link10:link {font-family: Trebuchet MS;font-size: 10px;color: #828385;	text-decoration: underline;}
a.link10:visited {font-family: Trebuchet MS;font-size: 10px;color:#828385;	text-decoration: underline;}
a.link10:hover {font-family: Trebuchet MS;font-size: 10px;color:  #828385;	text-decoration: none;}

a.link10light:link {font-family: Trebuchet MS;font-size: 10px;color: #666666;	text-decoration: none;}
a.link10light:visited {font-family: Trebuchet MS;font-size: 10px;color:#666666;	text-decoration: none;}
a.link10light:hover {font-family: Trebuchet MS;font-size: 10px;color:  #666666;	text-decoration: underline;}

a.link10white:link {font-family: Trebuchet MS;font-size: 10px;color: #FFFFFF;	text-decoration: underline;}
a.link10white:visited {font-family: Trebuchet MS;font-size: 10px;color:#FFFFFF;	text-decoration: underline;}
a.link10white:hover {font-family: Trebuchet MS;font-size: 10px;color:  #FFFFFF;	text-decoration: none;}

a.link11white:link {font-family: Trebuchet MS;font-size: 11px;color: #FFFFFF;	text-decoration: underline;}
a.link11white:visited {font-family: Trebuchet MS;font-size: 11px;color:#FFFFFF;	text-decoration: underline;}
a.link11white:hover {font-family: Trebuchet MS;font-size: 11px;color:  #FFFFFF;	text-decoration: none;}

a.link10blue:link {font-family: Trebuchet MS;font-size: 10px;color: #3098D2;	text-decoration: underline; font-weight:bold;}
a.link10blue:visited {font-family: Trebuchet MS;font-size: 10px;color:#3098D2;	text-decoration: underline;}
a.link10blue:hover {font-family: Trebuchet MS;font-size: 10px;color:  #3098D2;	text-decoration: none;}

a.link10purpule:link {font-family: Trebuchet MS;font-size: 10px;color: #AE489B;	text-decoration: underline; font-weight:bold;}
a.link10purpule:visited {font-family: Trebuchet MS;font-size: 10px;color:#AE489B;	text-decoration: underline;}
a.link10purpule:hover {font-family: Trebuchet MS;font-size: 10px;color:  #AE489B;	text-decoration: none;}

a.link11blue:link {font-family: Trebuchet MS;font-size: 11px;color: #3098D2;	text-decoration: none; font-weight:bold;}
a.link11blue:visited {font-family: Trebuchet MS;font-size: 11px;color:#3098D2;	text-decoration: none;}
a.link11blue:hover {font-family: Trebuchet MS;font-size: 11px;color:  #3098D2;	text-decoration: underline;}

a.link12blue:link {font-family: Trebuchet MS;font-size: 12px;color: #3098D2;	text-decoration: none; font-weight:bold;}
a.link12blue:visited {font-family: Trebuchet MS;font-size: 12px;color:#3098D2;	text-decoration: none;}
a.link12blue:hover {font-family: Trebuchet MS;font-size: 12px;color:  #3098D2;	text-decoration: underline;}

a.link11lightblue:link {font-family: Trebuchet MS;font-size: 11px;color: #DEE9F7;	text-decoration: underline; font-weight:bold;}
a.link11lightblue:visited {font-family: Trebuchet MS;font-size: 11px;color:#DEE9F7;	text-decoration: none;}
a.link11lightblue:hover {font-family: Trebuchet MS;font-size: 11px;color:  #DEE9F7;	text-decoration: none;}


 .recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#FFFFFF !important;    
 }
 
 #recaptcha_table {
   border-color: #FFFFFF !important; 
   width:100px;
 }
 
 #recaptcha_response_field {
   border-color: #E6E6E6 !important; 
   background-color:#FFFFFF !important; 
 }

#recaptcha_image
{
    height:57px;
    width:300px;
}

.divUnSuccessful
{
    background-image:url(../images/unsuccessful.jpg);
    background-repeat:no-repeat;
    width:463px;
    height:342px;
    padding-top:0px;
    padding-left:10px;
    padding-right:0px;
}


.divConatct
{
    background-image:url(../images/contact5.jpg);
    background-repeat:no-repeat;
    width:447px;
    height:297px;
    padding-top:80px;
    padding-left:7px;
    padding-right:105px;
}

.divLoading
{
     /*border:2px solid #7e7e7e;
     background-color:#ffffff;*/
     width:80px;
     height:20px;
     padding:5px;
     text-align:center;
     vertical-align:middle;
}