/* default values */

body, html {
	width: 100%;
	height: 100%;
	min-height: 100%;
}

* {
	padding: 0;
	margin: 0;
	color:  #6a6a6a;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:normal;
	text-decoration:none;
}

h1{
	font-size:18px; 
	font-weight:bold; 
	color:#DF0101;
	margin-bottom: 10px;
} 

h2{ 
	font-size:14px; 
	font-weight:bold; 
	color:#DF0101;
	margin-bottom: 10px;
} 

h3{ 
	font-size:12px; 
	font-weight:bold; 
	color:#dcf157;
}

a {
	color: #DF0101;
	font-weight:bold;
}

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

select{ 
	border:1px solid #DDDDDD; 
	color:#5D5D5D; 
	font-size:10px; 
	padding: 1px 1px 1px 1px; 
	width: auto;	
	max-width: 226px;
	min-width: 130px;
}

table {
   margin: 10px 5px; 
	width: 100%;
	border: 1px solid #CCC; 
	max-width: 1050px;
}

table, tr, td, th {
        border-collapse: collapse;
}

tr {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #EEE;
	background-color: #FFFFFF;
}

td, th {
	padding: 2px;
}


tr.altrow {
	background-color: #EDEDED;
}

tr:hover {
	background-color: #E6E6E6;
}

th, th a {
	font-weight:bold; 
	background-color: #dcf157;
	color:  #6a6a6a;		
}

td, td a {
        color:  #6a6a6a;
}

td a:hover {
        color:  #9f9f9f;
        text-decoration: underline;
}

th a:hover {
        color:  #9f9f9f;
        text-decoration: underline;
}

td select {
	width:97% !important;
}

td input {
	width:97% !important;
}

.max { 
	width:226px !important;
}

.maxauto { 
	width:97% !important;
	max-width:97% !important;
}

.noborder {
	border:0; 
}


/* header and footer navigation */

.headerfooter * {
	color: #6A6A6A;
}

.headerfooter ul {
	list-style-type:none;
	padding-top: 4px;
}

.headerfooter li {
	float: left;
	padding: 0 10px;
}

.headerfooter li a {
	padding: 2px 0;
}

.headerfooter a:hover {
	color: #a7a7a7;
}

#Footer {
	clear: both;
	height: 20px;
	border-width: 2px 0px 0px 0px;
	border-style: solid;
	border-color:  #6a6a6a;
	margin-top: -22px;
	background-color: #dedede;
}

#FooterSpaceHolder {
	clear: both;
	height: 22px;
}


/* layout and view related values */

#viewcontent {
	margin-left: 155px;
	width: 1070px;
}


/* navigation settings */

#Navi {
	width: 130px;
	margin: 0px 5px 0px 5px;
	border: 1px solid #CCC; 
	float: left;
}

#Navi ul li {
	list-style-type:none;
	background-color: #dcf157;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color:  #EEEEEE;
	white-space: nowrap;
}

#Navi ul li a {
	color:  #6a6a6a;
	display: block;
	padding: 4px;
}
#Navi ul li a:hover {
	text-decoration: none;
}

#Navi ul ul li {
	color:  #6a6a6a;
	background-color: #FFF;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #EEE;
	margin: 0px;
}

#Navi ul ul li a:hover {
	background-color: #E6E6E6;
	color:  #9f9f9f;
}

#Navi .selected {
	background-color: #EDEDED;
}



/* checked and corrected -------------------- */

.clear{clear:both; font-size:0px; line-height:0px;}
img{border:0; margin:0px; padding:0px}
#page-holder{width:850px; height:auto; margin:0px auto 0px auto; }


#header .navilink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#646464; margin:0px; font-weight:normal; text-decoration:none}
#header .navilink a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#646464; margin:0px; font-weight:normal; text-decoration:none}
#header .navilink a:hover{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FF0000; margin:0px; font-weight:normal; text-decoration:none}

input{ border:1px solid #DDDDDD; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; text-decoration:none; color:#5D5D5D; height:17px;}
input[type=text],input[type=password]{width:220px}
textarea{ border:1px solid #DDDDDD; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; text-decoration:none; color:#5D5D5D;}


.inputdivlogin{ width:84%; float:left; padding-bottom:5px; padding-top:5px;}
.labeltextlogin{ width:15%; float:left; padding-bottom:5px; padding-top:5px;}

.heading_letter {height: 20px; width: 50px;}
.heading_link {height: 20px; vertical-align: middle}
.countryselectbox{width:113px; height:17px;}
.aligncenter{text-align:center;}
.textalignright{text-align: right;}
.floatleft{float:left; float:left}
.leftpadding5pix{padding-left:5px; float:left}
.paddingtopbottom18px{padding:13px 0px 0px 50px; text-align:left; float:left}
.paddingtopright{padding:13px 5px 0px 0px; float:right; text-align:right; width:470px; display:block; height:13px; }
.rightpadding{float: right; padding-right: 0px; }
.leftpadding12px{padding-left:0px;}
.padding15px {padding: 15px 0px 0px 0px;}
.padding7px5px {padding:7px 5px 0px 0px;}
.paddingtopbottom{padding-top:7px; padding-bottom:13px;}
.paddingright{ padding:8px 0px 0px 0px; height:13px; text-align:right; } 
.toprightpadding{text-align:right; width:410px;  padding:13px 5px 0px 0px; float:right;  display:block; height:13px; }  /* here also  */
.greenlinkspaddings{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#75BA23; text-decoration:none; padding-top:13px;}
.labeltext{	width:150px;	float:left;padding-bottom:5px; padding-top:5px; clear:both;}
.labeltextpaymentview{	width:23%;	float:left;padding-bottom:5px; padding-top:5px;}
.paymentinputdivview{ width:27%; float:left; padding-bottom:5px; padding-top:5px; }
.labelview{	width:20%;	float:left;padding-bottom:5px; padding-top:5px;}
.labeltextcon{width:15%; float:left;padding-bottom:5px; padding-top:5px;}
.inputdivcon{ width:31%; float:left; padding-bottom:5px; padding-top:5px;}
.labeltext1{width:80px;	clear:left;float: left;padding-bottom:5px; padding-top:5px;}
.labeltext2{width:6%;	float:left;padding-bottom:0px; padding-top:0px;}
.codelabeltext{	width:25%; 	margin-top:5px; float:left;  height: 21px;  }
.inputboxtext {border:1px dashed green;}
.codeinputdiv{ width:60%; float:left;padding-bottom:20px; padding-top: 5px; margin-left:15px; height: 17px;}
.inputdiv{ padding-bottom:5px; padding-top:5px;}
.inputdiv3{ float:left; width:150px; }
.creditprice{float:left; width:100px; vertical-align:bottom; line-height:22px}
.inputdiv1{padding-bottom:5px; }
.inputdiv2{ float:left; padding-bottom:5px; padding-top:5px; }
.inputdivcode{ width:60%; float:left;padding-bottom:5px; padding-top:5px;}
.inputdivwide{ width:75%; float:left;padding-bottom:5px; }
.labeltextwide{	width:25%;	float:left;padding-bottom:5px;  }
.captcha{ text-align:left; margin-left:162px;padding-bottom:5px; }
.flash{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FF4D24; text-decoration:none}
.error-message{font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF4D24;}
.form-error{border: solid 1px #FF4D24}
.disabled{background: #e2e2e2}
.transfer{ font-weight: bold;}
.transferborder{border: solid 1px #ff0000; padding:6px ; width:auto; font-weight:bold; height:auto; color:#FF4D24}
.paymentview{border: solid 1px #ff0000;  padding:8px ; width:auto;  height:auto; color:#FF4D24}
.topleftmargin{ margin: 10px 0px 10px 0px;}
.freenumberbox{border: solid 1px #ff0000; padding:6px ; width:auto;  height:auto;}
.leftmargin10px{float: left; margin-right: 10px}
.leftmargin11px{float: left; margin-right: 9px;}
.leftwidthmargin{float:left;margin-left:4px;  width:auto;}
.grey_boldtopright{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none; color:#5D5D5D; padding:0px 0px 0px 0px; height:13px;}
.grey_boldpaddingright{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration:none; color:#5D5D5D; float: right; padding: 0px 0px 0px 0px; text-align: left; width:99%;}
.orange_headpaddingbottom{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FF4D24; text-decoration:none; text-align:left; padding:0px 0px 0px 12px;}
.height{height:7px; width:100%; float:left;}
.height8px{height:8px; width:100%; }
.height10px{height:10px; width:100%; float:left;}
.height10pix{height:10px; width:100%;}
.height50pix{height:50px; width:100%; float:left;}
.height12px{height:13px; width:100%; float:left;}
.height12px1{height:12px; width:100%; }
.height20px{height:20px; width:100%; float:left;}
.fontfamily{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#75B520 ; font-weight:normal;}
.inputdivtest{}

#headerimg{height: 103px;}
#headerimg h1 {color: #ffffff; font-size: 27px; padding-top:40px; font-family:Arial;}
.leftmargin15pix{float:left;margin-left:15px; width:120px;}


/* Routings Calling rates */ 

#middleright #rates th.heading_letter {color: #FF4D24; text-align: left; width:20px}
#middleright #rates th.heading_link {text-align: left;}
#middleright #rates th.heading_link a {color: #646464; text-align: left;}
#middleright #rates th.heading_link a:hover {text-decoration: underline;}
#middleright #rates th.heading_letter a {font-size: 18px;color: #FF4D24; text-align: center; text-decoration:none}
#middleright #rates th.heading_letter a:hover {text-decoration:none}
#middleright #rates a:hover {color: #000000}
#middleright #rates a:hover {text-decoration:none}
#middleright #rates tr.heading {font-weight:bold}

.heightrightleft{height: 18px; padding: 4px 0px 2px 0px;}
.formsubmit{float:left; margin-right:10px}




 

#OuterContainer {
	min-height: 100%;
}

#Header {
        height: 50px;
		border-width: 0px 0px 2px 0px;
		border-style: solid;
		border-color:  #6a6a6a;
		background-color: #E6E6E6;
}



#languages {
	background-color: #FFF;
}

#language {
	width: auto;
}


#Flash  {
	position: absolute;
	top: 50px;
	margin-left: 560px;
	width: 659px;
}


#flashMessage {
	border: 1px solid #C00;
	text-align: center;
	font-size: 12px;
	color:  #6a6a6a;
	margin: 10px;
	font-weight: bold;
	padding: 10px;
	background-color: #FDD;
}


p {
	text-align: justify;
}

#Flags {
        margin-left: 5px;
		float: left;
}


input {
        padding: 2px;
        height: auto;
        font-size: 11px;
}

hr {
        height: 1px;
        color: #DDDDDD;
        background-color: #DDDDDD;
        border-width: 1px 0 0 0;
        border-style: solid;
        border-color: #DDDDDD;
}

div.leftcol {
        width: 345px;
        float: left;
}

div.rightcol {
        width: 345px;
        float: right;
}

div.box {
        margin: 0 0 10px 0;
        display: block;
        width: 342px;
        /*background: repeat-y url(/img/box-middle.png) #FFFFFF;*/
        overflow: visible;
}

div.box div.title {
        /*background: no-repeat url(/img/box-top.png) #FFFFFF;*/
        height: 24px;
        padding: 10px 20px 0 15px;
}

div.box div.title h1 {
        font-size: 14px;
        font-weight: bold;
}

div.box div.content ul {
        margin-left: 15px;
}

div.box div.content {
        padding: 10px;
        text-align: justify;
}

div.box div.content tr {
        border-color: #CCC;
        background-color: #FFF;
}

div.box div.content tr {
        border-color: #CCC;
        background-color: #EEE;
}

div.popup {
        position: absolute;
        height: 400px;
        width: 550px;
        margin: -200px 0 0 -275px;
        top: 50%;
        left: 50%;
        border: 2px solid #99CC00;
        background-color: #FFFFFF;
}

div.popup div.title {
        background-color: #99CC00;
        padding: 10px;
        cursor: pointer;
}

div.popup div.title h1 {
        display: inline;
        color: #FFFFFF;
        padding: 0;
        margin: 0;
}

div.popup h2 {
        font-size: 14px;
        text-decoration: underline;
        margin: 10px;
}

div.popup p {
        margin: 10px;
}

div.popup div.title a.close {
        display: block;
        margin-top: -40px;
        /*background: url(/img/galerie-close.gif) no-repeat top;*/
        float: right;
        height: 48px;
        width: 48px;
        cursor: pointer;
        text-decoration: none;
}

div.popupopener {
        display: block;
        float: right;
        background-color: #99CC00;
        color: #FFFFFF;
        cursor: pointer;
        border: 2px solid #669900;
        padding: 10px;
        margin: 10px;
}

div.popupopener h1 {
        display: inline;
        color: #FFFFFF;
        padding: 0;
        margin: 0;
}

script {
        display: none;
}

fieldset, .formbox {
	border: 1px solid #DDD; 
	padding: 10px; 
	background-color: #F9F9F9;
	margin-bottom: 3px;
	max-width: 500px;
	width: 400px;
}

fieldset legend {
	font-size: 13px;
	font-weight: bold;
}

fieldset.box2 {
	border: 1px solid #DDD; 
	padding: 10px; 
	background-color: #F9F9F9;
	margin-bottom: 3px;
	width: 1032px;
	max-width: 1032px;
}

.col {
	float: left; 
	margin-right: 10px; 
}

.cake-sql-log {
	display: none;
}


#Container, #HeaderContainer {
	width: 100%;
	margin: 0 auto;
	padding-top: 15px;
}

#Logo {
	background: transparent url(../125x50.png) no-repeat right center;
	height: 50px;
	float: right;
	width: 50%;
	margin-right: 33px;
	margin-top: -15px;
}

#HeaderContainer {
	width: 100%;
}



/* element matrixSelect */

.matrixselect {
}

.matrixselectActive {
	background-color:#EEEEEE;
	border:1px inset #DDDDDD;
	color:#000000;
	cursor:pointer;
	display:block;
	text-align:center;
	width:100%;
}

.matrixselectInactive {
	background-color:#DDDDDD;
	border:1px outset #EEEEEE;
	color:#9a9a9a;
	cursor:pointer;
	display:block;
	text-align:center;
	width:100%;
}
