body {
	font-family: Scada,"Helvetica Neue",sans-serif;
	font-size:16px;
	font-smooth:always;
}

a { text-decoration:none;}

a img {border:none;}

#header { 
	width:100%;
	min-width:1016px;
	height:120px;
	margin:-8px 0px 0px -8px;
	padding-right:16px;
	background:url("img/headerwall.png") repeat;
}

#topheader,#homemenu,#central {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
}

#topheader {height:70px;}
#central {padding-top:10px;}

#bordercentral { 
	width:1020px; 
	margin-left:auto; 
	margin-right:auto;
	border-left:1px solid #d6d6d6; 
	border-right:1px solid #d6d6d6;
}

#logo {
	width:250px;
	height:73px;
	background:url("img/logo.png") no-repeat;
}

#welcometitle {
	width:750px;
	padding-right:20px;
	color:white;
	text-align:right;
}

#welcometitle a {color:white;}
#welcometitle a:hover {color:#bce2ff;}
#homemenu { margin-top:-14px;}

/* Menu */
ul {list-style-type:none;padding:0px;}
#homemenu li {float:left;height:48px;}
#homemenu li a#btn_ve, #homemenu li a#btn_not, #homemenu li a#btn_set, #homemenu li a#btn_his, #homemenu li a#btn_account, #homemenu li a#btn_home {display:block;height:48px;}	

#homemenu li a#btn_ve {width:136px; background: url("img/btn_ve.png") left top no-repeat ;}
#homemenu li a#btn_not {width:155px; background: url("img/btn_not.png") left top no-repeat ;}
#homemenu li a#btn_set {width:192px; background: url("img/btn_set.png") left top no-repeat ;}
#homemenu li a#btn_his {width:150px; background: url("img/btn_history.png") left top no-repeat ;}
#homemenu li a#btn_account {width:145px; background: url("img/btn_account.png") left top no-repeat ;}
#homemenu li a#btn_home {width:206px; background: url("img/btn_home.png") left top no-repeat ;}

#homemenu li a#btn_ve:hover {width:136px; background: url("img/btn_ve.png") left top no-repeat ;  background-position:-136px 0px;}
#homemenu li a#btn_not:hover {width:155px; background: url("img/btn_not.png") left top no-repeat ; background-position:-155px 0px;}
#homemenu li a#btn_set:hover {width:192px; background: url("img/btn_set.png") left top no-repeat ; background-position:-192px 0px;}
#homemenu li a#btn_his:hover {width:150px; background: url("img/btn_history.png") left top no-repeat ; background-position:-150px 0px;}
#homemenu li a#btn_account:hover {width:145px; background: url("img/btn_account.png") left top no-repeat ; background-position:-145px 0px;}
#homemenu li a#btn_home:hover {width:206px; background: url("img/btn_home.png") left top no-repeat ; background-position:-206px 0px;}

/*Notifications */
#notifications_table  {
	width:625px;
	margin:10px 0px 10px 0px;
}

#notifications_table td {
	margin:0px;
	width:120px;
	height:150px;	
}

.notif_btn {
	display:block;
	width:120px;
	height:150px;	
	border:1px solid white;
}

.notif_btn:hover {border:1px solid silver; }

#n1, #n1:hover {background:url("img/n1.png") no-repeat left; }
#n2, #n2:hover { background:url("img/n2.png") no-repeat left; }
#n3, #n3:hover { background:url("img/n3.png") no-repeat left; }
#n4, #n4:hover { background:url("img/n4.png") no-repeat left; }
#n5, #n5:hover { background:url("img/n5.png") no-repeat left; }
#n6, #n6:hover { background:url("img/n6.png") no-repeat left; }
#n7, #n7:hover { background:url("img/n7.png") no-repeat left; }
#n8, #n8:hover { background:url("img/n8.png") no-repeat left; }
#n9, #n9:hover { background:url("img/n9.png") no-repeat left; }
#n10, #n10:hover { background:url("img/n10.png") no-repeat left; }
#n11, #n11:hover { background:url("img/n11.png") no-repeat left; }
#n12, #n12:hover { background:url("img/n12.png") no-repeat left; }
#n13, #n13:hover { background:url("img/n13.png") no-repeat left; }
#n14, #n14:hover { background:url("img/n14.png") no-repeat left; }
#n15, #n15:hover { background:url("img/n15.png") no-repeat left; }
#n16, #n16:hover { background:url("img/n16.png") no-repeat left; }
#n17, #n17:hover { background:url("img/n17.png") no-repeat left; }

#n1:hover, #n2:hover,#n3:hover,#n4:hover,#n5:hover,#n6:hover,#n7:hover,#n8:hover,#n9:hover,#n10:hover,#n11:hover,#n12:hover,#n13:hover,#n14:hover,#n15:hover,#n16:hover,#n17:hover { background-position:-120px 0px;}

/*Title Menu*/
#title_menu_1 { text-indent:-5000px; background:url("img/settings_menu_1.png") no-repeat;margin:0px; }
#title_menu_2 { text-indent:-5000px; background:url("img/settings_menu_2.png") no-repeat;margin:0px; }
#title_menu_3 { text-indent:-5000px; background:url("img/settings_menu_3.png") no-repeat;margin:0px; }
#title_menu_4 { text-indent:-5000px; background:url("img/settings_menu_4.png") no-repeat;margin:0px; }
#title_menu_5 { text-indent:-5000px; background:url("img/settings_menu_5.png") no-repeat;margin:0px; }
#title_menu_6 { text-indent:-5000px; background:url("img/settings_menu_6.png") no-repeat;margin:0px; }
#title_menu_7 { text-indent:-5000px; background:url("img/mailtosms_menu_1.png") no-repeat;margin:0px; padding-bottom:5px; }
#title_menu_8 { text-indent:-5000px; background:url("img/mailtosms_menu_2.png") no-repeat;margin:0px;padding-bottom:5px;  }
#title_menu_9 { text-indent:-5000px; background:url("img/notifs_menu_1.png") no-repeat;margin:0px ; padding-bottom:5px; }
#title_menu_10 { text-indent:-5000px; background:url("img/notifs_menu_2.png") no-repeat;margin:0px;   padding-bottom:5px; }
#title_menu_11 { text-indent:-5000px; background:url("img/notifs_menu_3.png") no-repeat;margin:0px; }
#title_menu_12 { text-indent:-5000px; background:url("img/notifs_menu_4.png") no-repeat;margin:0px;padding-bottom:5px; }
#title_menu_13 { text-indent:-5000px; background:url("img/settings_menu_7.png") no-repeat;margin:0px; }
#title_menu_14 { text-indent:-5000px; background:url("img/home_menu_1.png") no-repeat;margin:0px; }
#title_menu_15 { text-indent:-5000px; background:url("img/notifs_menu_5.png") no-repeat;margin:0px;}
#title_menu_16 { text-indent:-5000px; background:url("img/ooredoo_menu_1.png") no-repeat;margin:0px;padding-bottom:5px;  }
#title_menu_16_2 { text-indent:-5000px; background:url("img/ooredoo_menu_2.png") no-repeat;margin:0px;padding-bottom:5px; }
#title_menu_16_3{ text-indent:-5000px; background:url("img/ooredoo_menu_3.png") no-repeat;margin:0px;padding-bottom:5px; }

#corps {
	width:980px;
	box-shadow: 3px 3px 4px #d6d6d6;
	border:1px #d6d6d6 solid;
	font-size:15px;
}

#corps a {
	color:#08375a;
}

#corps a:hover {
	color:#757575;
	text-decoration:underline;
}

#menutitle p{
	margin:0px;
	color:white;
	padding:10px 10px 10px 20px;
}

.menusubtitle p { 
	margin:0px;
	color:white;
	padding:12px 10px 10px 10px; 
}

.menusubtitle { background:#08375a;height:45px; padding:0px;}
#menutitle { background:#323232; height:40px;}

#leftpart {
	width:300px;
	margin:2px 5px 0px 5px;
}

#rightpart {
	width:650px;
	margin-top:2px;
}

#rightpart p {
	padding-right:15px;
}

#ve_leftpart {
	margin:2px 5px 5px 5px;
	
}

.rightpartcontents {
	word-wrap:break-word;
}

#ve_rightpart {
	width:320px;
	margin-top:2px;
}

.p_ve { color:#08375a; font-size:14px; margin:0px 0px 10px 0px;}

.rightpartcontents {padding:15px 0px 0px 10px;border:1px #08375a solid;}
.rightpartcontents table {
	margin-bottom:10px;
}

.rightpartcontents .normaltext, .rightpartcontents .smalltext{
	background:#757575;
	border:none;
	color:white;
	margin:0px;
	font-family:Magra,"Sans-Serif";
	height:25px;
	padding-left:15px;
}

.rightpartcontents .normaltext {	width:420px; }
.rightpartcontents .smalltext {	width:235px; }

.rightpartcontents .normalsubmit , .rightpartcontents .smallsubmit{
	background:#08375a;
	border:none;
	color:white;
	font-family:Magra,"Sans-Serif";
	height:30px;
	padding-left:15px;
	font-size:16px;
}

.rightpartcontents .normalsubmit {width:435px; }
.rightpartcontents .smallsubmit { width:250px; }

textarea { 
	padding:5px 15px 5px 15px; 
	font-family:Magra,"Sans-serif";
	background:#757575;
	border:none;
	color:white;
	margin:0px;
	font-family:Magra,"Sans-Serif";
	width:400px;
	height:200px;
}

.rightpartcontents .normaltext:hover,.rightpartcontents .normalsubmit:hover, .rightpartcontents .smallsubmit:hover, .rightpartcontents .smalltext:hover, textarea:hover{ background:#323232;}

.warning_msg, .ok_msg {
	margin:10px 10px 10px 0px;
}
.warning_msg { 
	border:1px solid #da0000;
	background:url("img/warning_icon.png") center left no-repeat;
}

.ok_msg { 
	border:1px solid #60c200;
	background:url("img/ok_icon.png") center left no-repeat;
}

.warning_msg p, .ok_msg p  { margin:14px 0px 10px 75px; font-size:16px;}
.warning_msg p   { color:#da0000; }
.ok_msg p  { color:#60c200;}

/*Parametres > Interface SMS */
.interface_title {
	width:180px;
	background:#323232;
	padding:5px;
	text-align:center;
	border:1px solid #323232;
	color:white;
	
}

.interface_contents {
	width:410px;
	padding:10px;
	font-size:14px;
	border:1px solid #323232;
	margin-left:-2px;
}

#interfaceconnect { display:none; }

.tr_value input[type=checkbox] {
	width:425px;
}

.tr_name, .tr_name_small { 
	width:170px;
	margin:0px 1px 1px 0px;
	padding-right:15px;
	font-size:14px;
	color:white;
	background:#08375a;
	text-align:right;
	height:25px;
}

.tr_value_readonly,.tr_value {
	background:#323232;
	color:white;
	font-size:14px;
}

.tr_value_readonly {padding-left:15px;width:420px;}
.tr_value { background:#757575;width:435px;}
.tr_value_small { background:#757575;width:245px;}
.tr_value:hover, .tr_check_small:hover { background:#323232;}

.tr_check_small { background:#757575; width:50px; font-size:14px; color:white}

#secondmenu img {margin-bottom:-3px;}

.notice {
	margin-top:5px;
	background:#08375a;
	padding:13px 13px 30px 13px;
}

.notice p, .notice h3 {margin:0px;}
.notice p { font-size:13px; color:white;}
.notice h3 {  color:#cecece; font-size:18px;margin-bottom:5px;}

#presentation_not p {
	margin:0px;
	padding:5px;
	text-indent:25px;
}

#presentation_not {
	width:620px;
	border:1px solid #08375a;
	margin-bottom:10px;
}

#mailtosmsbox {
	border:1px solid #0058ff;
	background:url("img/mailtosms.png") center top no-repeat; 
	margin:0px 10px 10px 0px;
}

#mailtosmsbox p, #apibox p, #myooredoobox p {
	padding:0px 10px 0px 10px;
	margin-top:110px;
	font-size:15px;
}

#apibox {
	border:1px solid #ed002a;
	background:url("img/api.png") center top no-repeat; 
	margin:0px 10px 10px 0px;
}

#myooredoobox {
	border:1px solid #ee1c25;
	background:url("img/myooredoo.png") center top no-repeat; 
	margin:0px 10px 10px 0px;
}

/*Page d'historique */
#intro_ss {
	border-bottom:1px solid #ddd;
	margin-bottom:20px;
}

#nbr_ss {
	font-family:"Open Sans";
	font-size:120px;
	color:#08375a;
	padding:0px 30px 0px 30px;
}

#sentences_ss {
	vertical-align:center;
	font-family:"Open Sans";
	font-size:34px;
	padding:10px 30px 0px 30px;
	line-height:30px;
	color:#323232;
}

.td_historysms {
	font-size:13px;
	padding:7px;
}

.td_historysms_0 {background:#eee; color:#323232; }
.td_historysms_1 {background:#ccc; color:#323232; }

/* Infobulle */
#tt {
	position:absolute;
	display:block;
	background:url(img/tt_left.gif) top left no-repeat;
}
#tttop {
	display:block;
	height:5px;
	margin-left:5px;
	background:url(img/tt_top.gif) top right no-repeat;
	overflow:hidden;
}
#ttcont {
	display:block;
	padding:2px 12px 3px 7px;
	margin-left:5px;
	background:#666;
	color:#fff;
}
#ttbot {
	display:block;
	height:5px;
	margin-left:5px;
	background:url(img/tt_bottom.gif) top right no-repeat;
	overflow:hidden;
}

/*Fin infobulle*/

#footer_social {
	vertical-align:top;
}

#footer_social iframe {
	overflow:hidden; 
	width:520px; 
	height:35px;
	padding-top:10px;
}

#footer_text {
	width:480px;
	line-height:15px;
}

#footer {
	width:1000px;
	height:55px;
	margin:30px auto -8px auto;
	background:#08375a;
	font-family:"Tahoma";
	font-size:11px;
	color:white;
	padding:5px 10px 2px 10px;
}


/* Nouvelle page de webSMS */
#websmslink {
	margin-left:-20px;
	font-family:"Roboto Light","Roboto";
	color:#323232;
}

#websmslink a {
	color:#08375a;
	text-decoration:underline;
}

#websmslink a:hover {
	text-decoration:none;
}

#welcomemsg {
	background:url("img/shadow_imp_websms.png") repeat-x center bottom white;
	text-align:center;

	line-height:0px;
	height:120px;
}

#welcomemsg #imp_txt {
	padding-top:10px;
	font-size:48px;
}

#welcomemsg p {
	font-size:20px;
}

.prg_title {
	color:#08375a;
	font-size:30px;
	margin-bottom:0px;
	line-height:35px;
}

#websms_left, #websms_right {
	padding-left:40px;
	line-height:20px;
	padding-right:20px;
}

#websms_left {width:570px;}
#websms_right {background:url("img/shadow_sep_websms.png") no-repeat left top white;}

#websmslink .formbox {
	padding:20px;
	background:#ebebeb;
}

#websmslink .formbox input {
	font-family:"Roboto Light","Roboto";
	color:#08375a;
	font-size:15px;
	padding:6px;
	height:20px;
	width:220px;
	background:url("img/shadow_input_websms.png") repeat-x center top #f7f7f7;
	border:1px solid #dadada;
}

#websmslink .formbox input[type=submit] {
	height:40px;
	width:100%;
	cursor:pointer;
}

#websmslink .formbox input:hover {
	background:#fafafa;
}

#websmslink .form_namecase {
	padding-right:25px;
}

#websmslink .newerrormsg {
	background:#ff1700;
	margin-bottom:-15px;
	color:white;
}

#websmslink .newerrormsg p {
	padding:10px 5px 5px 20px;
}



/* My ooredoo alert */


#myooredootable #typealerte {
	width:230px;
	font-size:13px;
	padding:10px;
}

#myooredootable #formalerte {
	padding:0px 15px 0px 15px;
	background:#ee1c25;
	color:white;
	width:340px;
}

#myooredootable #formalerte input{
	width:180px;
	height:16px;
	border:none;
	padding:7px;
	background:#f3ebeb;
}

#myooredootable #formalerte #nominput {
	width:120px;
}