@CHARSET "ISO-8859-1";

* {}
body {
	background-color: #E9E9E9;
	font-family: verdana;
	font-size: 10pt;
	line-height: 12pt;
   margin: 20px auto 20px auto;
}

textarea {
	font-family: verdana;
   font-size: 10pt;
   line-height: 12pt;
}

img {
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align:text-bottom;
}

span img {
	vertical-align: middle;
}

select {
	margin-top : 2px;
}

label {
	cursor: pointer;
}

a {
	text-decoration: none;
	color: black;
}

a:hover {
	text-decoration: none;
	color: black;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
/***** Containers  *****/
.siteContainer {
	border: 1px solid #606060;
	background-color: #DDD;
	width: 70em;
	margin: 0pt auto;
	position: relative;
	zoom: 1;
}

.chartBody .sectionContainer {
	margin: 0;
}

#mainContents .sectionContainer {
   margin: 10px 20px 10px 0;
}

.sectionContents {
	/*border: 1px solid black;*/
	background-color: #FFF;
	padding: 10px 20px 10px 20px;
	position:relative;
	zoom: 1;
	height: auto;
}

.header {
	height: 6em; 
	background-color : #FFFFFF;
	border-bottom: 1px solid #FF6600;	
	position: relative;
	zoom: 1;
}

.footer {
	position: relative;
	background-color: #696969 ;
	min-height: 3em;
	border-top: 1px solid #FF6600;
	zoom: 1;
}

.listContainer {
   /*min-height: 1em;*/
}

.jobItemBorder{
	border: 1px solid #FF6600;
}

.jobSection{
	width: 18em;
	margin: 1em 1em 1em 0;
	padding: 5px;
	min-height: 7em;
	
}

.jobSectionTitle {
	font-weight: bold;
	/*font-variant: small-caps;*/
}

.jobSection .title {
	text-decoration: underline;
	margin-top: 0.5em;
}

#job_name_container {
	width: 30em;
	padding: 3px;
}


.greetingContents {
	padding: 5px 0 5px 2em;
	background-color: #FFF;
}

.greetingContainer{
	margin: 1em 0 0 0;
	width: 36.2em;
	}

#originatorContainer {
	padding: 0 2em;
}

#msisdnContainer {
	padding: 0 10px;
}

#serviceSettingsContainer .floatContainer .left {
	padding: 0 10px;
	}
#serviceSettingsContainer .floatContainer .left> div{
	padding: 2px 4px;
}

.ChartBody .listContainer{
	padding: 5px 0;
}

.floatpadding {
	padding: 0 4px;
}

.inputalign {
	padding-top: 0.3em; 
}
.serviceSmContainer {
	width: 14em;
	}

.communicationType {
	display: inline;
	padding: 0px 10px 0px 0px;
	}

.communicationType input {
	margin-right: 5px;
}

.iconHolder {
	/*position: relative;*/
	width: 16px;
	height: 16px;
	margin-left: 16px;
	top: 0px;
	
}

.listLinks {
	padding: 5px 0 0 5px;

}
	

.listLinks div button {
   font-size: 85%;
   margin: 0 0;
   /*width: 8em;*/
}

button {
   cursor: pointer;
}
.listLinks div a {
	cursor: pointer;
}

.listLink {
	/*background-color: #EEE;
	border: 1px solid black;*/
   text-align: center;
   /*width: 8em;*/
}

.left {
	float: left;
}

.right {
	float: right;
}

.clearer {
	clear:both;
}

.leftpad2em {
   padding-left: 2em;
}

.settingContainer {
	width: 30em;
}



/***** Containers END *****/


/***** ICONS *****/
.delete {
	background-image: url(../img/icon_delete.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
   cursor: pointer;	
}

.deleteImg {
	cursor: pointer;
}

.view {
	background-image: url(../img/icon_view.gif);
	height: 16px;
	width: 16px;
	cursor: pointer;
}

/***** ICONS END *****/

#gmlogo {
   width: 150px;
   height: 25px;
   position: absolute;
   right: 20px;
   top: 50%;
   margin-top: -12px;
   background-image : url(../img/gmlogo.png);
   background-repeat: no-repeat;
}

#mcmtitle {
   position: absolute;
   margin-top: -17px;
   top: 50%;
   color: #FF6600;
   font: 18pt sans-serif;
   font-variant: small-caps;
   background-image: url(../img/mcm_logo.png);
   background-repeat: no-repeat;
   height: 35px;
   width: 400px;
}

.footerInfo {
	color: #FFF;
	padding: 10px 50px 10px 50px;
}

.footerInfo a {
	color: #FFF;
}


.greetingContents #username {
	font-weight: bold;
	/*font-style: italic;*/
}

#commTypeTab a{
	width: 10em;
}

.uploadLink {
	cursor: pointer;
}

.uploadLink:hover {
	text-decoration: underline;
}

.list {
	border-collapse: collapse;
	width: 100%;
}

.list table {
	table-layout: fixed;
}

.list th {
	padding: 0 5px;
	/*text-align: left;*/
	white-space: nowrap;
}

.td_input {
	width: 2em;
	text-align: center;
}

.td_delete {
	width: 2em;
	
}

.td_text {
	text-align: left;
}


.td_view {
	width: 2em;
	}

.td_number {
	text-align: center;
}

.td_date {
	width: 10em;
	text-align: left;
}

.td_smallnumber {
	width: 5em;
	text-align: center;
}

.row0 {
	background-color: #FFF;
}

.row1 {
	background-color: #EEEEEE;
}

.listlink {
	
}

.hidden {
	visibility: hidden;
}

.hide {
	visibility: hidden;
	display: none;
}

.msisdnlist {
	border: 1px solid black;
	overflow-y: scroll;
	min-height: 5em;
	max-height: 25em;
	width: 13em;
}

.msisdnInput input{
	height: 0.9em;
}
	
#hour, #minute {
	width: 1.5em;	
}

#objsound {

}

.audiocontrol{
	padding: 0 0 0 10px;
}

.serviceContents {
	min-height: 18em;
}

.error {
	color: red;
}

#adhocnumbers, #allowednumbers {
   height: 120px; 
   width: 170px; 
   border: 1px solid #888888; 
   background-color: white;
   overflow-y: scroll;
}

#orderCodes_div { 
   height: 70px; 
   width: 150px; 
   border: 1px solid #888888; 
   background-color: white;
   overflow-y: scroll;
}
.delete_icon_small  { 
   cursor: pointer; 
   color:red;
   background-image: url(../img/icon_delete_small.gif);
   background-repeat: no-repeat;
   height: 12px;
   width: 12px;   
}

#orderCodes_div td { 
   font: 8pt/11pt arial; 
   margin-top: 0px; 
   vertical-align: middle; 
   padding:0px;
   /* text-align: justify;*/
}

#orderCode {
	margin: 6px 0;
	width: 7em;
}

td.codeValue {
	width: 80%;
}

td.codeRemove {
	width: 20%;
}

.shadow {
	background-image: url(../img/shadow.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 12px;
}
.shadowLeftContainer {
	margin-right: 5px;
	}
.shadowRightContainer {
   margin-left: 0.3em;
}

.shadowRightContainer .shadow {
	float: left;
	width: 35em;
}

.shadowEdgeRight {
	background-image: url(../img/shadowedge_right.png);
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
	float: right;
	background-color: #DDD;
	}

.shadowEdgeLeft {
   background-image: url(../img/shadowedge_left.png);
   background-repeat: no-repeat;
   height: 0.9em;
   width: 0.9em;
   background-color: #DDD;
   float: left;
   }

.sortable{
	cursor:pointer;
	text-decoration: underline;
}

.arrow_sort_asc {
   width: 16px;
   height: 8px;
   margin: 0 0 4px 0;
}

.arrow_sort_desc {
   width: 16px;
   height: 8px;
   margin: 0 0 4px 0;
}


.contactSetting {
	min-width: 10em;
}

.contactRight {
	min-width: 12em;
}

.rightsContainer {
	padding: 0 0 0 2em;
}

.originatorContainer {
	min-width: 10em;
}

.originator_list, .callerid_list{
	padding: 3px;
	margin: 0.5em;
	max-height: 7em;
	overflow-y: scroll; 
	border: 1px solid black;
	width: 15em;
}

.prefix_list{
   padding: 3px;
   margin: 0.5em;
   max-height: 7em;
   overflow-y: scroll; 
   border: 1px solid black;
   width: 15em;
}

.prefixContainer {
	min-width: 10em;
}

.settingName {
	min-width: 9em;
	padding: 0.3em 5px 0 0;
}


.contactSectionBorder{
   border: 1px solid #FF6600;
}

.contactSection{
   margin: 0.5em 1em 0.5em 0;
   padding: 7px;
   width: 21em;
   
}

.contactSectionTitle {
   font-weight: bold;
   /*font-variant: small-caps;*/
   margin-bottom: 0.5em;
}

.contactSection .title {
   text-decoration: underline;
   margin-top: 0.5em;
}


.loadingHolder {
	background-image: url(../img/ajax-loader.gif);
	background-position: center;
	background-repeat: no-repeat;
	min-height: 5em;
}

/* SMS Advanced */

/* LOGIN STYLE */
#loginContainer form .left {
	
}
#loginDetails {
	width: 11em;
	padding: 2em 0 0 2em;
	
}
	
#loginContainer .loginsection {
	margin: 0 0 2em 0;
}
#old_mcm_container span {
   font-weight: bold;
}
#old_mcm_container a {
	font-weight: bold;
}
#old_mcm_container  a:hover {
	text-decoration: underline;
}
#old_mcm {
   float:right
}
#old_mcm_container {
	float:right;
	
}