/* CSS Document */
/*The final smsp css*/
/* Co-branding option*/
#cobrand{display:none;}
#cobrand_logo{display:none;}

/***********************USED IN ALL PAGES****************************************************/
body,table{
    margin:0;
    padding:0;
    background-color:#fff;
    font-family:Tahoma,sans-serif;
    font-size: 12px;
    color:#555555;
    font-style:normal;
}
/*The main container starts before header*/
#container{
    position:absolute;
    left:50%;
    margin-top:0;
    margin-left:-385px;
    padding:0;
    width:797px;
}
/** header*/
#header{
    background:url(../images/header1.png) no-repeat right;
    color:#555;
    width:797px;
    height:91px;
    left:0;
    position:absolute;
    margin:0;
    padding:0;
}
#main{
    width:797px;
    left:0;
    overflow: visible;
    position:absolute;
    top:77px;
}
#main{
    width:797px;
    left:0;
    overflow: visible;
    position:absolute;
    top:77px;
}
#content{
    margin:0;
    padding-top: 0;
    padding-bottom:10px;
    width:797px;
}
/** footer*/
#myline{
    height:1px;
    margin-top:1px;
    margin-bottom:0;
    padding:0;
}
#footer{
    border-top:1px solid #cccccc;
    background:url(../images/bottom_middle.gif) no-repeat right top;
    height:28px;
    left:0;
}
span.footertxt{
    padding-left:10px;
    color:#fff;
    background:transparent;
    font-size:11px;
    font-weight:normal;
    text-align:center;
}

#login_text{ 
	display: block; float: left;
	height: 100%; 
	width: 540px !important;
	width: 650px; 
	vertical-align: middle; 
	text-decoration : none;
	border: 1px solid #DDD;
	padding: 10px 5px 1px 5px;
	background-color: #ebeaea;  
	text-align:justify;
	
}
.login_title{
	font-weight:bold;
	padding: 2px 0px 1px 5px;
	margin-bottom:10px;	
}
.funds{
	float: right;
	padding:10px;
}
.ktp{
	background: url("../images/funds/ktp1.png") no-repeat;
	 width:38px; 
	 height:31px;
}
.kps{
	background: url("../images/funds/kps1.png") no-repeat;
	 width:41px; 
	 height:33px;
}
.psel{
	background: url("../images/funds/PsifiakiEllada.gif") no-repeat;
	width:33px;
	height:30px;
}
.europa{
	background: url("../images/funds/europa1.png") no-repeat;
	width:37px; 
	height:33px;
}

h1,h2,h3{font-weight:normal;}
h1{font-size:18px;color:#a7a3a1; letter-spacing:2px;padding-left:8px;border-bottom:1px solid #767b7d;}
h2{font-size:16px; padding:0px; margin-bottom:2px;}
span.color{color:#8e6135;}
/**the main body style*/
/** various**/
a:link {
    background:transparent;
    color:#d68332;
    text-decoration:none;
}
a:visited { 
    background:transparent;
    color:#767b7d;
    text-decoration:none;
}
a:hover,a:active {
    background:transparent;
    color:#d68332;
    text-decoration:underline;
}
a:focus {
    -moz-outline:1px dotted ! important
}

/**usermenu**/
div.usermenu{/*div with username, settings and logout*/
    border-bottom:1px solid #FFFFFF;
    padding-right:10px;
    padding-top:10px;
    text-align:right;
}
span.username{font-weight:bold;}
span.chpasswd{}
span.logout{}
/**usermenu end**/

/**maintitle***/
#maintitle{
	/* The title bar */
    border-bottom:1px solid #9c9a9a;
    padding-left:5px;
    margin-left:5px;
    color:#926336;
    font-weight:bold;
    text-align:left;
    font-size:16px;
    margin-top:-10px;
}
.maintitleimg{
    height:22px;
    border:0;
    padding-left:24px;
    background-position: center;
    background-repeat: no-repeat;
    cursor:auto;
}
.settings{background: url("../images/smallservices/settings.png") no-repeat;}
.main_menu{background: url("../images/smallservices/main_menu.png") no-repeat;}
.signUp{background: url("../images/smallservices/signature.png") no-repeat;}
/*services management*/
.services_mgt{background: url("../images/smallservices/services.png") no-repeat;}
.Opinion{background: url("../images/smallservices/opinion.png") no-repeat;}
.Vote{background: url("../images/smallservices/vote.png") no-repeat;}
.Sweepstake{background: url("../images/smallservices/sweepstake.png") no-repeat;}
.Register{background: url("../images/smallservices/register.png") no-repeat;}
.Redirect{background: url("../images/smallservices/redirect.png") no-repeat;}		
/*.Promotion{background: url("../images/smallservices/promotion.png") no-repeat;}*/
.Panorama{background: url("../images/smallservices/panorama.png") no-repeat;}
.OpinionPlus{background: url("../images/smallservices/opinionplus.png") no-repeat;}
.Quiz{background: url("../images/smallservices/quiz.png") no-repeat;}		
.DBRadio{background: url("../images/smallservices/dbradio.png") no-repeat;}
.TVChat{background: url("../images/smallservices/tvchat.png") no-repeat;}
.DBBet{background: url("../images/smallservices/dbbet.png") no-repeat;}
.moderate_tvchat, .moderate_opinionplus{background: url("../images/smallservices/moderate.png") no-repeat;}
.lottery, .lottery_results{ padding-left:30px; background: url("../images/smallservices/lottery_title.png") no-repeat;}
/*user management*/
.user_mgt{background: url("../images/smallservices/user.png") no-repeat;}
.role_mgt{background: url("../images/smallservices/role_mgt.png") no-repeat;}
.group_mgt{background: url("../images/smallservices/group_mgt.png") no-repeat;}
/*platform management*/
.smsp_mgt,.sendMulticast{background: url("../images/smallservices/smsp.png")  no-repeat;}
.sms_test_page{background: url("../images/smallservices/sms.png") no-repeat;}
.view_AI{background: url("../images/smallservices/vasrunning.png") no-repeat;}
.view_II{background: url("../images/smallservices/vasstopped.png") no-repeat;}
.sms_log_active{background: url("../images/smallservices/smsrunning.png") no-repeat;}
.sms_log_inactive{background: url("../images/smallservices/smsstopped.png") no-repeat;}
.settings_mgt{background: url("../images/smallservices/platform.png") no-repeat;}
.num_mgt{background: url("../images/smallservices/smsnumbers.png") no-repeat;}
.vas_mgt{background: url("../images/smallservices/serviceinstances.png") no-repeat;}
.log{background: url("../images/smallservices/infomessages.png") no-repeat;}
.comm_log{background: url("../images/smallservices/commands.png") no-repeat;}
.schemaSelection{background: url("../images/smallservices/schema_small.png") no-repeat;}
/*multicast management*/
.multicast_mgt{background: url("../images/smallservices/multicast.png") no-repeat;}
.multicastGrpMgt{background: url("../images/smallservices/multicastgroup.png") no-repeat;}
.sendWapMulticast{background: url("../images/smallservices/wapMulticast.png") no-repeat;}
.createWapMulticast{background: url("../images/smallservices/wapMulticast.png") no-repeat;}
.multicastHistory{background: url("../images/smallservices/history.png") no-repeat;}
/*billing management*/
.billing_mgt{background: url("../images/smallservices/billing.png") no-repeat;}
.userProfile{background: url("../images/smallservices/opinion.png") no-repeat;}
.shortCodeMgt{background: url("../images/smallservices/smsnumbers.png") no-repeat;}
.reportsWizard{background: url("../images/smallservices/reports.png") no-repeat;}
.vasBillingMgt{background: url("../images/smallservices/serviceinstances.png") no-repeat;}
.VASBilling{background: url("../images/smallservices/VASBilling.png") no-repeat;}
.profitMarginMgt{background: url("../images/smallservices/billingProfitMargin.png") no-repeat;}
/**maintitle end**/

/*****************************************USED IN PAGES WITH MENUS *****************************************/
/*box of filter*/
/* set millions of background images */
.rbroundbox { background-color:#e9e9e9;}
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
    width: 797px;
    height: 7px;
    font-size: 1px;
}
.rbcontent { margin: 0; }
.rbroundbox { width: 797px; margin: 0 }

/*end box of filter*/

#menupath{/* The path bar */
    padding-left:20px;
    margin-left:1px;
    color:#555;
    text-align:left;
    font-size:11px;
}
button.menupath{
/*Set the width and height to the height of the image.. */
    width:16px;
    height:16px;
    border:0;
    margin-right:0;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/mouse.png");
    cursor:auto;
}
.errorpath{/* The error bar*/
    border-bottom:1px solid #666666;
    border-top:2px solid #666666;
    padding-left:10px;
    background:#FF5959;
    color:#FFFFFF;
    font-weight:bold;
    line-height:135%;
    text-align:left;
}
.successpath{/* The success bar*/
    border-bottom:1px solid #666666;
    border-top:2px solid #666666;
    padding-left:10px;
    background:#F1F0F2;
    color:#555;
    font-weight:bold;
    line-height:135%;
    text-align:left
}
.infopath{/* The info bar*/
    border-bottom:1px solid #666666;
    border-top:2px solid #666666;
    padding-left:10px;
    background:#E0DFE3;
    color:#555;
    font-weight:bold;
    line-height:135%;
    text-align:left
}

select.management{
    border:1px outset #D3D3D3;
    margin:2px 2px 2px 2px;
    background:#FFFDF9;
    color:#666666;
    width:290px;
    font-size:11px;
    -moz-outline:none;
}

button.status{
    width:22px;
    height:22px;
    border:0;
    margin-right:3px;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/smallservices/status.png");
    cursor:auto;
}

button.moderate_tvchat, button.moderate_opinionplus{ /*to afhnw mexri na to epibebaiwsw*/
    width:22px;
    height:22px;
    border:0;
    margin-right:3px;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/smallservices/moderate.png");
    cursor:auto;
}
span.fakeLink{
    background:transparent;
    color:#d68332;
    text-decoration:none;
    cursor:pointer;
}
span.fakeLink:active, span.fakeLink:hover{
    background:transparent;
    color:#d68332;
    text-decoration:underline;
    cursor:pointer;
}
input.editPM{}
.bolded{
	font-weight:bold;
}

.clr {clear:both;}
.clearer{clear:both;height:2px;}
.clearer10{clear:both;height:10px;}
/* Login styles */
/*
#username{
    background: #ffffff url("../images/username.png") no-repeat scroll 95% 50%;
}
#login{
    padding: 0 0 0 10px;
}
.loginButton{
    margin: 20px 0 20px 0;    
}
.login_labels{
    font-weight: bold;
    padding: 5px 5px 0 5px;
    margin: 10px 0 0 0;
}
.login_inputbox{
    font-weight: bold;
    border: 1px solid #cccccc;
    font-size: 11px;
    padding: 4px 10px;
    width: 200px;
}

#password{
    background: #ffffff url("../images/password.png") no-repeat scroll 95% 50%;
}

form {
    margin: 0;
}
.button {
    border : solid 1px #cccccc;
    background: #eeeeee;
    color : #666666;
    font-weight : bold;
    font-size : 11px;
    padding: 4px;
}
.form-title {
    margin-left: auto;
    margin-right: auto;
    font-size : 24px;
    color : #f89b0a;
}
.form-title-small {
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
    margin-bottom: 8px;
    font-size : 20px;
    color : #f89b0a;
}
.login p {
    padding: 0 1em 0 1em;
}
.form-block {
    padding-top: 15px;
    padding-left: 50px;
    padding-bottom: 10px;
    padding-right: 10px;
}
.login-form {
    text-align: left;
    float: right;
    width: 60%;
}
.login-text {
    text-align: left;
    width: 40%;
    float: left;
}
.inputlabel {
    font-weight: bold;
    text-align: left;
}
.inputbox {
    width: 150px;
    margin: 0 0 1em 0;
    border: 1px solid #cccccc;
}

.ctr {text-align: center;}
#break {
    height: 50px;
}

.formLine{
    padding:5px 0 5px 20px;
}
.formBox div{
    padding:0 0 3px 2px;
}
.formBox{
    margin: 5px 20px 5px 10px;
    width:200px;
}
#recaptcha_widget{
    padding: 5px 0px 5px 30px;    
}
.italics{
    font-style:italic;
}
*/
/*box of filter*/
div.filterDiv{
    display:block;
}
div.searchDiv{
    display:none;
}
/*
input{
    border:1px outset #D3D3D3;
    margin:2px 10px 2px 2px;
    background:white;
    color:#666666;
    width:140px;
    font-size:11px;
}
*/
input.file{
    width:190px;
}
input.checkbox{
    border:none;
    margin:2px 2px 2px 2px;
    background:transparent;
    width:16px;
    height:16px
}
input.formNumber{
    width:40px;
}
textarea.moderate{
    border:1px outset #D3D3D3;
    margin:0;
    background:#fff;
    color:#666666;
    font-size:11px;
    height:30px;
    width:570px;
    overflow-x:hidden;
    overflow-y:hidden
}
div.moderate{
    background:url(../images/moderate.png) no-repeat left top;
    width: 500px;
    height: 37px;
    padding-left:500px;
    padding-top:10px;
    list-style-type:none;
}
input.text{
    border-top:2px double #D3D3D3;
    border-left:2px double #D3D3D3;
    border-right:2px double #D3D3D3;
    border-bottom:1px dotted #D3D3D3;
    margin:2px 10px 2px 2px;
    width:60px;
    background:#EEEEEE;
    color:#666666;
    font-size:9pt;
}
input.integer{
    border-top:2px double #D3D3D3;
    border-left:2px double #D3D3D3;
    border-right:2px double #D3D3D3;
    border-bottom:1px dotted #D3D3D3;
    margin:2px 10px 2px 2px;
    width:30px;
    background:#EEEEEE;
    color:#666666;
    font-size:9pt;
}

input.date{
    border:2px double #D3D3D3;
    margin:2px 1px 2px 2px;
    background:#EEEEEE;
    color:#666666;
    width:90px;
    font-size:10px;
}
input.dateResponseMsg{
  border:2px double #D3D3D3;
  margin:2px 1px 2px 2px;
  background:#EEEEEE;
  color:#666666;
  width:90px;
  font-size:10px;
}

button{
    border : solid 1px #cccccc;
    background: #eeeeee;
    padding-bottom:3px;
    margin-bottom:3px;
    margin-right:2px;
    color:#333333;
    font-weight:normal;
    font-size:11px;
    font-family:Verdana,sans-serif;
    cursor:pointer;
    width:113px;
    height:22px;
    text-align:center;
    vertical-align:middle;
    -moz-user-focus:none;
}


table{
    background-color:transparent;
}
/***********SERVICES PAGES******************************/
button.arrowleft{
/*Set the width and height to the height of the image.. */
    width:3px;
    height:11px;
    border:0;
    background-position: left;
    background: url("../images/arrow_left.gif") no-repeat;
}

span.titlebox{
    background-color: white;
    padding: 0;
    width: 98%;
    margin-left:10px;
    margin-top:10px;
    display:block;
    font-weight:bold;
    font-size: 13px;
    border-bottom: 1px solid #ff9700;
    cursor:pointer;
}
span.titlebox2
{
    padding:0;
    width: 90%;
    margin-left: 10px;
    margin-top: -2px;
    display: block;
    font-weight: bold;
    font-size: 13px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ff9700;
    cursor:pointer;
}
button.UserRoleManagement{
    width: 180px;
    border: 1px solid #b2b2b2;
    color: #666666;
    font-weight: bold;
    font-size: 11px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    margin-left: 22px;
    padding-left: 17px;
    background: transparent url(../images/shortcut.png) no-repeat left center;
}
input.searchtxt{
    width:110px;
    margin:2px 10px 2px 0;
}
button.urgMgtButton{
    width:150px;
    text-align:center;
    vertical-align:middle;
}

table.dataTable{
    border-collapse:collapse;
    width:98%;
}
table.dataTable td{
    padding:1px;
    white-space:nowrap;
    text-decoration:none;
    font-weight:normal;
}
table.dataTable th{
    padding:1px;
    border-right:2px solid #E1E1E1;
    border-bottom:2px solid #E1E1E1;
    color:#555;
    background:#FFF6DF;
    cursor:default;
    height:22px;
    text-align:center;
    white-space:nowrap;
}
table.dataTable .buttons{/* buttons of the table*/
    text-align:right;
    padding-top:10px;
}
table.dataTable .legend{/* the legend icons of the table*/
    vertical-align:bottom;
    text-align:right;
    padding-top:20px;
}
table.dataTable .rowCount{/* the legend icons of the table*/
    vertical-align:bottom;
    text-align:left;
    padding-top:20px;
}
table.dataTable .filter{/* the filters of the table*/
    text-align:left;
    vertical-align:bottom;
    white-space:nowrap;
}
table.dataTable .filterCenter{/* the filters of the table*/
    text-align:center;
    vertical-align:bottom;
    white-space:nowrap;
}
table.dataTable .data{/* the data of the table*/
    vertical-align:middle;
    text-align:center;
    line-height:20px;
}
table.dataTable .data2{/* second row of the data of the table*/
    vertical-align:top;
    text-align:center;
    background-color:#EAEAEA;
    line-height:20px;
}
table.dataTable .dataLeft{/* the data of the table*/
    vertical-align:top;
    text-align:left;
    line-height:20px;
}
table.dataTable .dataLeft2{/* the data of the table*/
    vertical-align:top;
    text-align:left;
    background-color:#EAEAEA;
    line-height:20px;
}
table.dataTable {
    font-weight:bold;
}
.formlabelsleft{ /* form elements with left alignment*/
    padding-left:5px;
    padding-right:5px;
    background:transparent;
    text-align:justify;
    vertical-align:middle;
}
.formlabelsup{/* used with formlabelsleft for top align*/
    vertical-align:top;
}
.centerAligned{/* center aligned  used usually for the abuttons*/
    text-align:center;
}
.rightAligned{/* right aligned td used usually for displaying numbers in table columns right aligned */
    text-align:right;
}
div.centered{
    margin-left:30px;
    width: 90%;
}
div.centered2{
    /*display:inline;*/
    /*height:100%;*/
    width:100%;
    /*margin-top: 25px;*/
    margin-bottom: 25px;
    float:left;
    /*border:1px dotted #666;*/
    /*padding-bottom:50px;*/
}
hr.responsesSplitter{
    color: #666666;
    border-style: dotted;
    border-width: 1px;
}
div.centeredResponseMsg{
    width: 90%;
    height: auto;
    /*margin: 1px 1px 50px 1px;*/
    /*display:inline;*/
    /*border:1px dotted #666;*/
    /*margin-top:1em;*/
    /*padding-bottom:50px;*/
}

div.responseMsgStatus{
    width: 100%;
    /*float: right;*/
    padding-right:1px;
    /*vertical-align: bottom;*/
}

label.responseMsgStatusLabel{
    /*height: 100%;*/
    width: 100%;
    float: right;
    /*vertical-align:right;*/
    /*padding-right: 1px;*/
}

/* Wizard stylesheet*/
div.wizardtitle{
    background:url(../images/wizardtitle1.png) no-repeat left top;
/*width: 326px;*/
    width:500px;
    height: 18px;
    margin: 10px 10px 0 12px;
    padding-left:16px;
    padding-top:2px;
    list-style-type:none;
    font-size: 1em;
    font-weight:bold;
}
input.infoButton{
    width:16px;
    height:16px;
    border:0;
/*margin-left:1px;*/
    margin-right:4px;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/info.png");
    cursor:auto;
}
div.titleMinimized{
    background:url(../images/wizardtitle_min.png) no-repeat left top;
    width: 500px;
    height: 18px;
    margin: 10px 10px 0 12px;
    padding-left:25px;
    padding-top:2px;
    list-style-type:none;
    font-size: 1em;
    font-weight:bold;
    cursor:pointer;
}

div.titleMaximized{
    background:url(../images/wizardtitle_max.png) no-repeat left top;
    width: 500px;
    height: 18px;
    margin: 10px 10px 0 12px;
    padding-left:25px;
    padding-top:2px;
    list-style-type:none;
    font-size: 1em;
    font-weight:bold;
    cursor:pointer;
}

/*** WAP Push page details***/
#leftnav{ float: left; width: 297px; margin: 0; padding: 1em;}
label.waptitle{
    font-weight: bold;
    color: #848183;
    margin:15px;
}
.wapto{
	margin-left:65px; 
	margin-top:-18px;
}
.waptomore{
	margin-left:65px; 
}
.wapresponse{
	margin-left:65px; 
	margin-top:-15px;
}
label.characters{
	margin-left:100px;
}
div.wapor{
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
}
button.wapsend{
	margin-left:10px;
}
.wapadd{
	text-align:center;
	margin-top:10px;
}
.wapformadd{
	width:400px;
}
/*end box of filter*/
/* set millions of background images */
.waprbroundbox { background-color:#e9e9e9; }
.waprbtop div { background: url(../images/tl.gif) no-repeat top left; }
.waprbtop { background: url(../images/tr.gif) no-repeat top right; }
.waprbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.waprbbot { background: url(../images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.waprbtop div, .waprbtop, .waprbbot div, .waprbbot {
    width: 347px;
    height: 7px;
    font-size: 1px;
}
.waprbcontent { margin: 0; top:0px; }
.waprbroundbox { width: 347px; margin: 0  }

.wapLibrary{
	position:relative;
	background-color:red;
	left:397px;
	width:400px;
	
}

div.wapwizardtitle{
    background:url(../images/wizardtitle1.png) no-repeat left top;
	width: 176px;
    height: 18px;
    margin: 0 10px 0 12px;
    padding-left:16px;
    padding-top:2px;
    list-style-type:none;
    font-size: 1em;
    font-weight:bold;
}
#Librarycontent{ margin-left: 356px;max-width: 45em; padding:1.3em 0.3em 0.3em 0.3em; margin-top:40px;}
.roundbox-tr { width:100%; margin:auto; padding:0; background:url("../images/roundbox_tr.gif") no-repeat right top; }
.roundbox-br { margin:0; padding:0; background: url("../images/roundbox_br.gif") no-repeat right bottom; }
.roundbox-content { margin:0; padding:0.8em 1.5em;}

#tabs {
	
	font-size:100%;
	line-height:normal;
	margin-bottom:0.75em; /*margin between menu and rest of page*/
	}

#tabs ul {
	margin:0;
	padding-right: 40px;
	list-style:none;
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("../images/left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
}

#tabs a span {
	float:left;
	display:block;
	background:url("../images/right.png") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	color:#000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {}
#tabs a:hover {background-position:0% -42px;}
#tabs a:hover span {background-position:100% -42px;}
/*** end Wap page**/

/* ******************************************************** GUIDE BUTTONS  ****************************************** */
/* EL- EN */
.wizardstep{
	/*Set the width and height to the height of the image.. */
    width:432px;
    height:36px;
    border:0;
    margin-left:320px;
    background-position: center;
    background-repeat: no-repeat;
    cursor:auto;
}
.wizardstep1_el{background: url("../images/wizard/vas_wizard_step1_el.png");}
.wizardstep2_el{background: url("../images/wizard/vas_wizard_step2_el.png");}
.wizardstep3_el{background: url("../images/wizard/vas_wizard_step3_el.png");}
.wizardstep4_el{background: url("../images/wizard/vas_wizard_step4_el.png") top right;}
.wizardstep1_en{background: url("../images/wizard/vas_wizard_step1_en.png");}
.wizardstep2_en{background: url("../images/wizard/vas_wizard_step2_en.png");}
.wizardstep3_en{background: url("../images/wizard/vas_wizard_step3_en.png");}
.wizardstep4_en{background: url("../images/wizard/vas_wizard_step4_en.png") top right;}

.wizardstep2step{
	/*Set the width and height to the height of the image.. */
    width:341px;
    height:36px;
    border:0;
    margin-left:420px;
    background-position: center;
    background-repeat: no-repeat;
    cursor:auto;
}
.wizardstep2step1_el{background: url("../images/wizard/vas_wizard_2steps_step1_el.png");}
.wizardstep2step2_el{background: url("../images/wizard/vas_wizard_2steps_step2_el.png");}
.wizardstep2step3_el{background: url("../images/wizard/vas_wizard_2steps_step3_el.png");}
.wizardstep2step1_en{background: url("../images/wizard/vas_wizard_2steps_step1_en.png");}
.wizardstep2step2_en{background: url("../images/wizard/vas_wizard_2steps_step2_en.png");}
.wizardstep2step3_en{background: url("../images/wizard/vas_wizard_2steps_step3_en.png");}

.billingwizardstep{
/*Set the width and height to the height of the image.. */
    width:432px;
    height:36px;
    border:0;
    margin-left:320px;
    background-position: center;
    background-repeat: no-repeat;
	cursor:auto;
}
.billingwizardstep1_el{background: url("../images/wizard/wizard_steps_billing_step1_el.png");}
.billingwizardstep2_el{background: url("../images/wizard/wizard_steps_billing_step2_el.png");}
.billingwizardstep3_el{background: url("../images/wizard/wizard_steps_billing_step3_el.png");}
.billingwizardstep4_el{background: url("../images/wizard/wizard_steps_billing_step4_el.png") top right;}
.billingwizardstep1_en{background: url("../images/wizard/wizard_steps_billing_step1_en.png");}
.billingwizardstep2_en{background: url("../images/wizard/wizard_steps_billing_step2_en.png");}
.billingwizardstep3_en{background: url("../images/wizard/wizard_steps_billing_step3_en.png");}
.billingwizardstep4_en{background: url("../images/wizard/wizard_steps_billing_step4_en.png") top right;}
/* ******************************************************** GUIDE BUTTONS END  ****************************************** */

input.radio{
    margin-bottom: -2px;
    width:15px;
    border:0;
    background-position: center;
    background-repeat: no-repeat;
}
fieldset{
    border:1px dotted #666;
    padding:0 5px 5px 5px;
    margin-bottom:10px;
    background:transparent;
    color:#666666;
    overflow:hidden;
    
}
fieldset.firstLevel{
    width:100%;
    color : #808080;

}
fieldset.firstLevel:hover{
/*background:#FFF5DF;*/
    color:#555;
    background-color: #f1e1c3;
    border: 1px dotted #fab737;

}
fieldset.secondLevel{
    width:99%;
}
fieldset.thirdLevel{
    border:1px;
}
fieldset.thirdLevel:hover {
    background:#FFF5DF;
    color:#555;

}
fieldset.secondLevel:hover {
    background:#FBFFE3;
    color:#555
}
legend{
    padding:2px 2px 2px 2px;
    background:#f7f6f6;
    color:#333333;
    font-weight:bolder;
    font-size:11px;
    border-bottom: 1px solid #ff9700;
}

table.wizard{
    border-collapse:collapse;
}
table.wizard td.dataLeft{/* the data of the table*/
    vertical-align:top;
    text-align:left;
    line-height:20px;
    font-weight:bold;
}
table.wizard td.dataRight{/* the data of the table*/
    vertical-align:top;
    text-align:left;
    line-height:20px;
    font-weight:normal;
}


div#advancedOptions{
    visibility:hidden;
    display:none;
}
table#advOptTable{
    width:550px;
    margin-top:10px;
}
div#adDiv{
    margin-top:10px;
    color:#999;
    font-style: italic;
}
span#adCount2, span#adCount{
    font-style: normal;
    font-weight: bolder;
}
span#advOpt.minimized{
    background:url(../images/open.png) no-repeat left top;
    font-weight:bold;
    padding-left:20px;
    border-bottom: 1px solid #ff9700;
    cursor:pointer;
}
span#advOpt.maximized{
    background:url(../images/close.png) no-repeat left top;
    font-weight:bold;
    padding-left:20px;
    border-bottom: 1px solid #ff9700;
    cursor:pointer;
}

span.reconfText{
    background:url(../images/configure.png) no-repeat left top;
    font-weight:bold;
    padding-left:20px;
    border-bottom: 1px solid #ff9700;
}
a.reconfText, a.reconfText:hover,a.reconfText:active, a.reconfText:visited{
    color: #969799;
    text-decoration:none;
}
span.returnText{
    background:url(../images/back.png) no-repeat left top;
    font-weight:bold;
    padding-left:20px;
    border-bottom: 1px solid #ff9700;
}
a.returnText, a.returnText:hover,a.returnText:active, a.returnText:visited{
    color: #969799;
    text-decoration:none;
}

span#advOptRecof{
    background:url(../images/open.png) no-repeat left top;
    font-weight:bold;
    padding-left:20px;
    border-bottom: 1px solid #ff9700;
}

select.dataTable{
    font-size:11px;
}
select.channels{
    border:1px outset #D3D3D3;
    margin:2px 2px 2px 0;
    background:#FFFDF9;
    color:#666666;
    width:210px;;
    font-size:11px;
    -moz-outline:none;
}

select.channelsSubSelect {
    margin-top: 2px;
    margin-right: 5px;
    margin-bottom: 2px;
    margin-left: 2px;
    width:93px;
}

select.questions{
    width:321px;
}
select.keywords{
    width:211px;
}
button.services{
    width:80px;
}
select.smsNumbers{
    width:80px;
    font-size:11px;
}
input.keyword{
    width:80px;
    margin:2px 10px 2px 0;
}
textarea.response{
    border:1px outset #D3D3D3;
    margin:2px 10px 2px 2px;
    background:white;
    color:#666666;
    font-size:11px;
    width:230px;
    height:90px;
}

textarea.responsePromotionSub{
    border:1px outset #D3D3D3;
    margin:2px 10px 2px 2px;
    background:white;
    color:#666666;
    font-size:11px;
    width:120px;
    height:60px;
}



input.questionText{
    width:370px;
}

.removeDivButton{
/*Set the width and height to the height of the image.. */
    width:16px;
    height:16px;
    border:0;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/controls/remove_s.png");
    cursor:pointer;
    margin-left:10px;
}

.removeAliasDivButton{
    width:16px;
    height:16px;
    border:0;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/controls/remove_s.png");
    cursor:pointer;
    margin-left:1px;
}

div.centeredRemoveButton{
    display:inline;
    float:right;
    /*height:auto;*/
    width: auto;
    /*vertical-align:middle;*/
}

.removeFieldButton{
/*Set the width and height to the height of the image.. */
    width:16px;
    height:16px;
    border:0;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/controls/remove_s.png");
    cursor:pointer;
}

.removeInlineFieldButton{
/*Set the width and height to the height of the image.. */
    width:16px;
    height:16px;
    border:0;
    background-position: left;
    background-repeat: no-repeat;
    background: url("../images/controls/remove_s.png");
    cursor:pointer;
}

.addDivButton{
/*Set the width and height to the height of the image.. */
    width:16px;
    height:16px;
    border:0;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/controls/add_s.png");
    cursor:pointer;
    position:relative;
    top:0.2em;
    margin-left:8px;
}
.addFieldButton{
/*Set the width and height to the height of the image.. */
    width:16px;
    height:16px;
    border:0;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/controls/add_s.png");
    cursor:pointer;
    position:relative;
    top:0.2em;
    margin-left:8px;
    /*margin-right:40px;*/
}
.addButton{
/*Set the width and height to the height of the image.. */
    width:32px;
    height:32px;
    border:0;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/controls/2leftarrow.png");
    cursor:pointer;
    position:relative;
    top:0.2em;
    margin-left:8px;
}
.addButton_disabled{
/*Set the width and height to the height of the image.. */
    width:32px;
    height:32px;
    border:0;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/controls/2leftarrow.png");
    cursor:pointer;
    position:relative;
    top:0.2em;
    margin-left:8px;
    opacity:.25;
    filter: alpha(opacity=25);
    zoom:1;
}
.addButton_enabled{
/*Set the width and height to the height of the image.. */
    width:32px;
    height:32px;
    border:0;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/controls/2leftarrow.png");
    cursor:pointer;
    position:relative;
    top:0.2em;
    margin-left:8px;
    opacity:1.0;
    filter: alpha(opacity=100);
    zoom:1;
}

.remButton{
/*Set the width and height to the height of the image.. */
    width:32px;
    height:32px;
    border:0;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/controls/2rightarrow.png");
    cursor:pointer;
    position:relative;
    top:0.2em;
    margin-left:8px;
}
.remButton_disabled{
/*Set the width and height to the height of the image.. */
    width:32px;
    height:32px;
    border:0;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/controls/2rightarrow.png");
    cursor:pointer;
    position:relative;
    top:0.2em;
    margin-left:8px;
    opacity:0.25;
    filter: alpha(opacity=25);
    zoom:1;
}
.remButton_enabled{
/*Set the width and height to the height of the image.. */
    width:32px;
    height:32px;
    border:0;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/controls/2rightarrow.png");
    cursor:pointer;
    position:relative;
    top:0.2em;
    margin-left:8px;
    opacity:1.0;
    filter: alpha(opacity=100);
    zoom:1;
}
.addDateButton{
/*Set the width and height to the height of the image.. */
    width:16px;
    height:16px;
    border:0;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/controls/add_s.png");
    cursor:pointer;
}
.removeDateButton{
/*Set the width and height to the height of the image.. */
    width:16px;
    height:16px;
    border:0;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/controls/remove_s.png");
    cursor:pointer;
}
div.billingexample{
    background:url(../images/example.png) no-repeat left;
    width: 81px;
/*height: 300px;*/
    margin: 10px 10px 0 12px;
    padding-left:90px;
    padding-top:2px;
    list-style-type:none;
}
.billing_addButton{
/*Set the width and height to the height of the image.. */
    width:32px;
    height:32px;
    border:0;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/controls/1leftarrow.png");
}
.billing_remButton{
/*Set the width and height to the height of the image.. */
    width:32px;
    height:32px;
    border:0;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/controls/1rightarrow.png");
}
.billing_addAllButton{
/*Set the width and height to the height of the image.. */
    width:32px;
    height:32px;
    border:0;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/controls/2leftarrow.png");
}
.billing_remAllButton{
/*Set the width and height to the height of the image.. */
    width:32px;
    height:32px;
    border:0;
    background-position: center;
    background-repeat: no-repeat;
    background: url("../images/controls/2rightarrow.png");
}


.newQuestionDiv{
    padding:5px;
}
.newQuestionDivTitle{
    border:1px dotted #666;
    margin-top:1em;
    padding:5px;

}
.newQuestionDivTitle2{
    position:relative;
    top:-15px;
    font-size:13px;
    width:150px;
    background-color:#e9e9e9;
    text-align:center;
}

.titleLabel{
    position:relative;
    font-size:13px;
    margin-left:17px;
    font-weight:bold;
}
label.title{
    font-weight: bold;
    color: #848183;
}
label.titleBold{
    font-weight: bold;
    font-size:10px;
}

.newAnswerDiv{
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 20px;
    margin-top:3px;
    margin-left:20px;
}
.newAnswerDiv label{

}
img#showSearchImage{
    cursor:pointer;
}
img#showSearchImage1{
    cursor:pointer;
}
div#categoryContent1, div#categoryContent2, div#categoryContent3, div.categoryContent{
    display:inline;
    float:left;
    margin-left:15px;
    margin-bottom:15px;
}

div.responseMsgContent{
    display:inline;
    float:left;
    margin-left:5px;
}

/* Wizard stylesheet end*/
button.statistics{
/*Set the width and height to the height of the image.. */
    width:64px;
    height:64px;
    border:0;
    margin-left:0;
    left:0;
    background-repeat: no-repeat;
    background: url("../images/controls/134.png");
    cursor:auto;
}
/*VAS Controls*/
fieldset.vasControls{
    float: right;
    display: inline;
    text-align: center;
    outline: lime;
    margin-right:15px;
    margin-top:-16px;
    overflow:hidden;
    font-size:xx-small;
}
fieldset.vasControls:hover {
    background:#FFF5DF;
    color:#555;
}
fieldset.vasControls legend {
  margin: 0;    
}

<!--[if IE]>
fieldset.vasControls {
/*  position: relative;*/
  float: left;    
  clear: both;    
  width: 100%;    
  margin: 0 0 1.5em 0;    
  padding: 0;    
  top:-12px;
}
fieldset.vasControls:hover {
  height:80%;
}
fieldset.vasControls legend {
  /*position: absolute;
  top:86px;*/
  margin-left: 1em;    
  margin-top: -0.6em;    
  padding: 0;    
}
<![endif]--> 
/* Vas end */
/*lottery*/
label.largeLabel{
    font-size:large;
    text-decoration: underline;
    cursor: pointer;
}

label.normalLabel{
    font-size:small;
    text-decoration: underline;
    cursor: pointer;
}
div.hiddenDiv{
    display:none;
}
.pleaseWait{
    visibility:hidden;
    display:block;
    float:right;
    clear:right;
}
input.drawButton{
    border:1px solid black;
    padding-bottom:3px;
    margin-bottom:3px;
    margin-right:2px;
    color:#333333;
    background:#d3d3d3;
    font-weight:normal;
    font-size:11px;
    font-family:Verdana,sans-serif;
    cursor:pointer;
    width: auto;
    height:22px;
    text-align:center;
    vertical-align:middle;
/*-moz-user-focus:none;*/
}

/* End lottery */


div#multicastDiv{
    float:right;
    padding-top:5px;
    padding-bottom:5px;
    clear:right;
}


/*Overlib classes */


/* INFO, WARN and ERROR messages (after an action has been successfully performed, performed with some error, or failed respectively). They appear in the middle of the page. */

.ol_info_class_fg, .ol_warn_class_fg, .ol_error_class_fg {
    width:350px;
    /*text-indent:50px;*/
}
.ol_info_class_bg, .ol_warn_class_bg, .ol_error_class_bg  {
}
.ol_info_class_bgs, .ol_warn_class_bgs, .ol_error_class_bgs  {
    background:#e9e9e9;
}
.ol_info_close_class, .ol_warn_close_class, .ol_error_close_class {
}
.ol_info_class_fn, .ol_warn_class_fn, .ol_error_class_fn  {
}
.ol_info_class_fns{
    background:url(../images/messagebox_info.png) no-repeat left;
    margin-top:10px;
    font-weight:bold;
}
.ol_warn_class_fns {
    background:url(../images/messagebox_warn.png) no-repeat left;
    margin-top:10px;
    font-weight:bold;
}
.ol_error_class_fns {
    background:url(../images/messagebox_critical.png) no-repeat top left;
    margin-top:10px;
    font-weight:bold;
    font-size:12px;
    padding-left:50px;
    text-align:justify;
}

 .ol_confirm_class_fns {
    background:url(../images/messagebox_info.png) no-repeat top left;
    margin-top:10px;
    font-weight:bold;
    font-size:12px;
    padding-left:30px;
    text-align:justify;
    margin-bottom:10px;
}

.ol_error_caption{
    background:#aaa8a8;
}
.ol_error_caption_font {
    font-size: 14px;
    white-space: nowrap;
    margin-left:15px;
    font-weight:bold;
    color:white;
}



/* FOR VAS ACTIONS. */
.ol_actions_bg{

}
.ol_actions_fg{
    background:url(../images/overlib_actions.png) no-repeat;
    width:238px;
    height:252px;
}
.ol_actions_bg_actions{
    background:url(../images/overlib_actions_bg_actions.png) no-repeat;
    width: 30px;
}
.ol_actions_fn{
    font-family: Verdana, Arial, Times New Roman,sans-serif;
    font-size: 12px;
    white-space: normal;
}
.ol_actions_caption{
    background:url(../images/overlib_head.png) no-repeat;
}
.ol_actions_caption_font {
    font-size: 14px;
    white-space: nowrap;
    margin-left:15px;
    font-weight:bold;
    color:white;
}
.ol_actions_class_close{
    font-family: Verdana, Arial, Times New Roman,sans-serif;
    font-size: 16px;
    color:white;
    text-decoration:underline;
}
.orangefont{
    color:#db8024;
    font-weight:bold;
}

input.ok{
/*Set the width and height to the height of the image.. */
    width:42px;
    height:22px;
    border:1px outset;
    background-position: center;
    margin-top:10px;
    margin-bottom:10px;
}


/* General overlib tooltips and popups*/

.ol_class_bg {
    border:1px solid #666666;
    /*padding: 2px 2px 2px 2px;
    width: 250px;*/
    height: 0;
}

.ol_class_bgs {
    border:1px solid #666666;
/*padding: 2px 2px 2px 2px;*/
    width: 0;
    height: 0;
}

.ol_class_fg {
    text-align: left;
    background: #e9e9e9 url('../images/info_side3.png') left no-repeat;
/*background: #c8c6c6 url('../images/info_side3.png') left no-repeat;*/

    /*padding-top:10px;
    padding-bottom:10px;*/
/*padding-left:10px;*/
/*text-indent:15px;*/
}

.ol_class_fn {
    font-family: Verdana, Arial, Times New Roman,sans-serif;
    font-size: 12px;
    white-space: normal;
}

.ol_class_fns {
    font-family: Verdana, Arial, Times New Roman,sans-serif;
    font-size: 12px;
    white-space: nowrap;
}

.ol_caption_font {
    font-family: Verdana, Arial, Times New Roman,sans-serif;
    font-size: 14px;
    white-space: nowrap;
}
.ol_class_close{
    font-family: Verdana, Arial, Times New Roman,sans-serif;
    font-size: 12px;
    color:black;
}

.tp_role {
    font-family: Verdana, Arial, Times New Roman,sans-serif;
    font-size: 10px;
    white-space: nowrap;
}
/***********************************************END OVERLIB CLASSES ************************************/

.errMsgCntr {
    border: solid 1px red;
    font-size: 12px;
    text-align: justify;
    width: 300px;
    white-space: normal;
    color: red;
    padding: 3px 3px 3px 3px;
}


/*overlib fix*/
.select-free
{
    position:absolute;
    z-index:102;
    overflow:hidden;
}

.select-free iframe
{
    display:none;/*sorry for IE5*/
    display/**/:block;/*sorry for IE5*/
    position:absolute;/*must have*/
    top:0;/*must have*/
    left:0;/*must have*/
    z-index:-1;/*must have*/
    width:3000px;/*must have for any big value*/
    height:3000px/*must have for any big value*/;
/*filter:mask();/*must have*/
}



div.sendsmsbg{
    background:url(../images/145.png) no-repeat left top;
    width: 95px;
    height: 162px;
    margin: 10px 10px 0 12px;
    padding-left:106px;
    padding-top:2px;
    list-style-type:none;
}

div.createwapsmsbg{
    background:url(../images/wapbg_s.png) no-repeat left top;
    width: 95px;
    height: 162px;
    margin: 10px 10px 0 12px;
    padding-left:62px;
    padding-top:2px;
    list-style-type:none;
}

table.bgclass{
    margin: 10px 10px 0 12px;
    padding-left:12px;
    padding-top:8px;
}
div.popupclass{
    background:url(../images/sendsms.gif) no-repeat;
    width:242px;
    height:240px;
}

.caption1{
    font-weight:bold;
}

table.bgclass tr{
    font-weight:bold;
    font-size:11px;
}
button.popup {
    border : solid 1px #cccccc;
    background: #eeeeee;
    color : #666666;
    font-weight : bold;
    font-size : 11px;
    padding: 4px;
    width:90px;
}

th.sortable a {background-image: url(../img/arrow_off.png);}
th.order1 a {background-image: url(../images/arrow_down.png);}
th.order2 a {background-image: url(../images/arrow_up.png);}
tr.odd{ background-color: #fff}
td.odd { background-color: #dad8d8;
    text-align:center;
    vertical-align:middle;
    font-weight:bold;}
tr.total{ background-color: #d1cccc;}
tr.tableRowEven, tr.even {background-color: #e9e9e9}
tr.odd:hover,tr.even:hover {background-color: #fdca80;}
div.exportlinkssmall{
    background:url(../images/exportlinks_v2.png) no-repeat left top;
    width: 729px;
    height: 30px;
    padding: 6px 0 2px 4px;
    margin: 0;
    padding-left:17px;
    list-style-type:none;
    font-size: 1em;
    font-weight:bold;
}
.small {
    font-size:9px;
    font-style:italic;
    font-weight:normal;
}

/*Sign Up form*/
.floatLeft{
    float:left;
}