/*SMS Gate stylesheet*/

/*--------------------------fonts & colors(global)----------------------------*/

* {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

ul li {
	list-style-type: none;
	float: left;
}

body {
	margin: 0;
	padding: 0;
	background: #FFF;
}

body, td, input {
	font-family: Tahoma,Sans-Serif;
	font-size: 10px;
	color: #2D2D2D;
}

h1 { font-size: 19px; }
h2 { font-size: 17px; }
h3 { font-size: 15px; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }

a {
	color: #11338F;
}

a.link-button:hover { text-decoration: underline; }

.clear_both_div {
	clear: both;
}

/*--------END----------------fonts & colors-----------------------------------*/
/*----------------------------Forms & Inputs----------------------------------*/
input[disabled] {
	color: #EAEAEA;
}

#submit-button-left,
#submit-button-right,
#input-left,
#input-right,
.submit-button-left,
.submit-button-right,
.msisdn-phone-left,
.msisdn-key-left,
.input-left,
.input-right,
input,
label {
	float: left;
	height: 20px;
	border: medium none;
	text-align: center;
	line-height: 20px;
}

input {
	background: url("../../images/SMS/input-text-center.png") repeat-x scroll -8px 0 transparent;
	padding-top: 2px;
	font-size: 13px;
}

#MSISDN-label {
	width: 45px;
}

#MSISDN-element input {
	width: 120px;
	height: 18px;
}

#SUBMIT-element {
	float: right;
}

#input-left,
.input-left {
	background: url("../../images/SMS/input-text-left.png") no-repeat scroll 0 0 transparent;
}

#input-right,
.input-right {
	background: url("../../images/SMS/input-text-right.png") no-repeat scroll right 0 transparent;
}

#input-left,
.input-left,
#input-right,
.input-right {
	width: 8px;
}

.msisdn-phone-left,
.msisdn-key-left {
	width: 21px;
}

.msisdn-phone-left {
	background: url("../../images/SMS/auth-phone.png") no-repeat scroll 0 0 transparent;
}

.msisdn-key-left {
	background: url("../../images/SMS/auth-key.png") no-repeat scroll 0 0 transparent;
}

#SUBMIT-element input {
	background: url("../../images/SMS/submit-button-center.png") repeat-x scroll left top transparent;
	border: none;
	font: 700 11px Tahoma,sans-serif;
	text-align: center;
	padding: 0px;
	margin: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	line-height: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

#submit-button-left,
.submit-button-left {
	background: url("../../images/SMS/submit-button-left.png") no-repeat scroll left top transparent;
}

#submit-button-right,
.submit-button-right {
	background: url("../../images/SMS/submit-button-right.png") no-repeat scroll right top transparent;
}

#submit-button-left,
.submit-button-left,
#submit-button-right,
.submit-button-right {
	width: 6px;
}

#SUBMIT-element:hover #submit-button-left,
#SUBMIT-element:hover .submit-button-left,
#SUBMIT-element:hover input {
	background-position: bottom left;
	color: #FFF;
	cursor: pointer;
}

#SUBMIT-element {
	cursor: pointer;
	float: right;
}

#SUBMIT-element:hover #submit-button-right,
#SUBMIT-element:hover .submit-button-right {
	background-position: bottom right;
}

/*-------END---------------------Forms & Inputs----------------------------------*/
#sms-block,
#sms-block #TEXT_SMS-element,
#sms-block #TEXT_SMS-element *,
#sms-block #TEXT_SMS-label,
#sms-block #TEXT_SMS-label *,
#sms-block #TEXT_SMS,
#sms-block #sms-form,
#sms-block #sms-form #select-div,
#sms-block #CAPTCHA_CODE-element input,
#sms-block #CAPTCHA_CODE-label,
#sms-block #CAPTCHA_CODE-element,
#sms-block #CAPTCHA_CODE-element #CAPCHA_CODE_INPUT,
#sms-block #MSISDN_PREFIX-element,
#sms-block #_MSISDN-element,
#sms-block #_MSISDN-element input,
#sms-block #MSISDN_PREFIX,
#sms-block #captchaimage,
#sms-block .input-div
#sms-block label,
#sms-block #numberSMS,
#sms-block div.error,
#sms-block div.error * {
	margin: 0px; padding: 0px;
	left: 0px; top: 0px; right: 0px; bottom: 0px;
}
	
#sms-block {
	height: 280px;
	padding-left: 18px;
	padding-top: 15px;
}

.sms-block-long {
	background: url("../../images/SMS/send-sms.png") repeat scroll 0 0 transparent;
	width: 932px;
}

.sms-block-short {
	background: url("../../images/SMS/send-sms3.png") repeat scroll 0 0 transparent;
	width: 382px;
}

#sms-block #sms-form {
	bottom: 0px;
	width: 355px;
}
	
#sms-block label {;
	font-size: 12px;
}

#sms-block #SEND_TIME-label label {
	margin: 0 5px;
}

#sms-block #SEND_TIME {
	width: 110px;
}

#sms-block #CAPTCHA_CODE-element{
	margin-bottom: 5px;
}
#sms-block #TEXT_SMS-label {
	margin-top: 5px;
}

#sms-block #USE_SEND_TIME-element,
#sms-block #MSISDN_PREFIX-element,
#sms-block #TEXT_SMS-element,
#sms-block #TEXT_SMS-label,
#sms-block #TEXT_SMS,
#sms-block #CAPTCHA_CODE-label,
#sms-block #CAPTCHA_CODE-element {
	clear: left;
}

#sms-block #SEND_TIME-element,
#sms-block #MSISDN_PREFIX-element,
#sms-block #_MSISDN-element,
#sms-block #captchaimage {
	float: left;
}

#sms-block #_MSISDN-element input,
#sms-block #CAPTCHA_CODE-element input {
	background: none;
	border: thin none;
	float: left;
	font-size: 13px;
	height: 20px;
}

#sms-block #MSISDN_PREFIX {
	font-size: 10px;
	height: 17px;
	border: thin none;
	width: 50px;
}

#sms-block .input-div {
	background: url("../../images/SMS/input-text-center.png") repeat-x scroll -8px 0 transparent;
	float: left;
	height: 20px;
}

#sms-block .input-div #_MSISDN {
	padding-left: 5px;
 	width: 50px;
}

#CAPTCHA_CODE-element #CAPCHA_CODE_INPUT .input-div * {
	text-align: center;
}

#captchaimage {cursor: pointer;}

#sms-block .input-div #CAPTCHA_CODE {;
	padding-left: 3px;
	padding-right: 3px;
	width: 43px;
}

#sms-block #sms-form #select-div {
	padding-top: 2px;
	background: url("../../images/SMS/input-text-center.png") repeat-x scroll -8px 0 transparent;
	float: left;
	height: 20px;
}

#sms-block #CAPTCHA_CODE-element #CAPCHA_CODE_INPUT {
	margin-left: 10px;
	margin-top: 20px;
	float: left;
}

#sms-block #TEXT_SMS-element {
	height: 75px;
}

#sms-block #TEXT_SMS-label {
	width: 355px;
}

#sms-block #TEXT_SMS {
	height: 70px;
	resize: none;
	width: 355px;
	font-size: 12px;
	font-family: "Trebuchet MS";
}

#sms-block #SUBMIT-element {
	clear: left;
	float: left;
	width: 100px;
}

#sms-block #SUBMIT-element input {
	border: medium none;
	font: 700 12px Tahoma,sans-serif;
	height: 20px;
	margin-bottom: 6px;
	padding: 1px 1px 2px;
	width: 80px;
}

#sms-block #CAPTCHA_CODE-element, 
#sms-block #TEXT_SMS-label,
#sms-block #TEXT_SMS-element {
	float: left; /*IE hack*/
}

#sms-block div.error {
	display: block;
	position: absolute !important;
	color: red;
	height: 30px;
	top: -3px;
}

#sms-block #CAPTCHA_CODE-element div.error {
	top: 90px;
	left: 195px;
	width: 265px;
}

#sms-block #_MSISDN-element div.error {
	top: 30px;
	left: 140px;
	width: 320px;
}

#sms-block #TEXT_SMS-element div.error {
	top: 160px;
	left: 185px;
	width: 325px;	
}

#sms-block dd .error div.err-middle {
	float: left;		
	padding: 5px !important;
	padding-top: 7px !important;
	height: 30px;
}
	
#sms-block dd .error div.err-left {
	width: 25px;
	height: 30px;
	float:left;
}
	
#sms-block dd .error div.err-right {
	width: 11px;
	height: 30px;
	float: left;
}

#sms-block #numberSMS {
	float: right;
	width: 230px;
	text-align: right;
}

#content-sub-short {
	width: 400px;
	overflow: hidden;
}

#content-sub-long {
	width: 950px; 
}

.short {
	width: 400px !important; 
	overflow: hidden;
}

.long {
	width: 950px !important; 
}

/* fit to iframe */
#ui-datepicker-div {
	top: 0 !important;
}
.ui_tpicker_time_label {
	float: left;
	margin-right: 5px;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	margin-top: 0 !important;
}
.ui-datepicker-buttonpane {
	border: 0 none !important;
}
.ui-slider-handle {
	background: none repeat-x scroll 50% top #F5A6D1 !important;
	border: 1px solid #F2D0DA !important;
}