/* CSS Document */
/*a:link{color: #999999; font-size : 8 pt; font-family : "MS Sans Serif", Tahoma, sans-serif; text-decoration: none}
a:hover{color:#ff0000; font-family : "MS Sans Serif", Tahoma, sans-serif; font-size : 16 pt; }
a:visited{color: #999999; font-family : "MS Sans Serif", Tahoma, sans-serif; text-decoration: none}
a:active{color: #999999; font-family : "MS Sans Serif", Tahoma, sans-serif; text-decoration: none}*/
html,body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	/*background-image: url('bg3.jpg');eco-friendly-background.jpg*/
	background-image: url('images/nature-background.jpg');
	background-attachment: fixed;
}
td,th{
	font-family:Tahoma, Verdana, Arial;
	font-size:11px;
	/*color: #FFF;*/
}
.white {
	font-family : Arial, Helvetica, sans-serif;
    font-size : 8 pt;
	color : #ffffff;

}
.brown {
	font-family : "MS Sans Serif", Tahoma, sans-serif;
    font-size : 7 pt;
	color : #804000;

}
.gray {
	/*font-family : Arial, Helvetica, sans-serif;*/
	font-family : "MS Sans Serif", Tahoma, sans-serif;
    font-size : 8 pt;
	color : #999999;

}
.grays {
	/*font-family : Arial, Helvetica, sans-serif;*/
	font-family : "MS Sans Serif", Tahoma, sans-serif;
    font-size : 3 pt;
	color : #999999;

}
.white {
	/*font-family : Arial, Helvetica, sans-serif;*/
	font-family : "MS Sans Serif", Tahoma, sans-serif;
    font-size : 8 pt;
	color : #ffffff;

}
.red {
	font-family : Arial, Helvetica, sans-serif;
    font-size : 8 pt;
	color : #ff0000;

}
.orange {
	padding: 5px;
	width: 230px;
	font-family : Arial, Helvetica, sans-serif;
	background-position:bottom;
	background-repeat:repeat-x;
	color: #F03;
	text-align: left;
	margin:5px;
	margin-top:-170px;
	font-weight: normal;
	font-size: 1.3em;
	/*font-weight: bold;*/
}
.logo_partner {
	width: 230px;
	height: 70px;
	float: left;
	margin-top:-5px;
	position: relative;
}
.ban_company {
	background-image:url(images/building.png);
	width: 230px;
	height: 77px;
	float: left;
	margin-top:5px;
	position: relative;
}
.ban_business {
	background-image:url(images/business3.png);
	width: 230px;
	height: 90px;
	float: left;
	position: relative;
}
.ban_ads {
	background-image:url(images/bordermain.png);
	width: 396px;
	height: 230px;
	margin-top:-70px;
	margin-left:30px;
	float: left;
	position: relative;
}
.reademore {
	/*background-image:url(images/readmore.gif);*/
	width: 70px;
	height: 19px;
	float: left;
	margin-left:162px;
	margin-top:-18px;
	position: relative;
}

.reademore2 {
	/*background-image:url(images/readmore.gif);*/
	width: 70px;
	height: 19px;
	float: left;
	margin-left:162px;
	margin-top: 0px;
	position: relative;
}
.black {
	font-family: arial,helvetica,sans serif;
    font-size: 0.8em;
	color : #333333;

}
.black1 {
	font-family: arial,helvetica,sans serif;
    font-size: 1.1em;
	color : #333333;

}
.black_m {
	font-family: arial,helvetica,sans serif;
    font-size: 1.0em;
	color : #000000;

}
.black20 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 20 px;
	color : #333333;
	text-align: center;

}
.green {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8 pt;
	color : #090;
	font-weight:bold;
}
table.frm_menu {
	/*background-color: #000;*/
	margin: 0px;
	padding: 0px;
	/*border: 1px solid #CCCCCC;*/
	border-spacing: 0px;
	width: 180px;
	border-collapse: collapse;
	color: #666666;
}
table.frmtb {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: 1px dotted #CCCCCC;
	border-spacing: 0px;
	width: 780px;
	border-collapse: collapse;
	color: #666666;
}
table.frm_cont {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	/*border: 1px dotted #CCCCCC;*/
	border-spacing: 0px;
	/*width: 780px;*/
	border-collapse: collapse;
	color: #666666;
}
table.tb-line {
	background-color: none;
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCCCCC;
	border-spacing: 0px;
	width: 550;
	border-collapse: collapse;
}
.input {
     border:1px solid #666666;
     padding:1px;
     margin:1px;
     font-family:Tahoma, "MS Sans Serif";
	 font-size:7pt;
	 color:gray;
     background-color:#F9F9F9;
}

.yellow {
	font-family: "Microsoft Sans Serif,MS Sans Serif, Tahoma, sans-serif";
	font-size: 8pt;
	color: yellow;
}

/**
Mobile solution Style
*/
*{
	margin:0;
	padding:0;
}

/*body{
	font-size:14px;
	color:#515151;
	background:url('img/bg.png') repeat-x #f6f8f9;
	font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
}*/

#logoh1{ margin:40px 0 0;}

#page{
	/* This the main container div */
	width:450px;
	min-height:200px;
	margin:0 auto;
	left:0px;
	top:-30px;
	/*background:url('img/bokeh.jpg') no-repeat 0 120px;*/
	position:relative;
	padding-top:1px;
}

#phoneCarousel{
	/*	This is the carousel section, it
		contains the stage and the arrows 
	
	position:relative;*/
	margin:10px auto 60px;
	margin-left:100px;
	height:200px;
	width:400px;
}


#phoneCarousel .arrow{
	/* The two arrows */
	width:44px;
	height:44px;
	background:url('img/arrows.png') no-repeat;
	position:absolute;
	top:80%;
	margin-top:-110px;
	left:0;
	cursor:pointer;
}

#phoneCarousel .next{
	/* Individual styles for the next icon */
	background-position:right top;
	left:auto;
	right:0;
}

/* Hover styles */

#phoneCarousel .arrow:hover{
	background-position:left bottom;
}

#phoneCarousel .next:hover{
	background-position:right bottom;
}


#stage{
	/* The stage contains the animated phone images */
	left:50%;
	margin-left:-50px;
	margin-top:-10px;
	position:absolute;
	width:100px;
	height:100%;
}

#stage img{
	/* Hiding all the images by default */
	display:none;
	width:120px;
}

#stage .default{
	/*	This class is applied only to the iphone img by default
		and it is the only one visible if JS is disabled */
	display:block;
	left:20%;
	width:120px;
	margin-left:-135px;
	position:absolute;
}

#stage .animationReady{
	/* This class is assigned to the images on load */
	display:block;
	position:absolute;
	width:120px;
	top:0;
	left:0;
}


/* The styles below are only necessary for the purposes of Tzine's demo */

h2{
	font-size:22px;
	font-style:italic;
	font-weight:normal;
	position:absolute;
	right:0;
	top:52px;
}

h2 a{
	color:#666666;
}

#thanks{
	color:#aaa;
	font-size:12px;
	text-align:center;
	padding:50px;
}
#thanks a{ color: #888;}

a, a:visited {
	text-decoration:none;
	outline:none;
}

a:hover{	text-decoration:underline;}
a img{	border:none;}

/* css */
.containMarquee{
 	position:relative;
	top:0px;
	width:350px;
	margin:auto;
	/*display:block;*/
	height:180px;
	/*border:1px dashed #CCC;
	background-color:#FFF;	
	opacity:0.4;filter:alpha(opacity=40);*/
	line-height:20px;
	
	
	overflow:hidden;
	text-align:left;
}
.containMarquee2{
 	position:relative;
	top:0px;
	width:350px;
	margin:auto;
	/*display:block;*/
	height:120px;
	/*border:1px dashed #CCC;
	background-color:#FFF;	*/
	line-height:20px;
	opacity:0.4;filter:alpha(opacity=40);
	
	overflow:hidden;
	text-align:left;
}
/* css marquee  */
.obj_marquee{
	position:absolute;
	display:block;
	white-space:nowrap;
	height:120px;
}

/*Create sub Menu*/
ul.v_menu{ /*  */  
	list-style:none;   
	margin:0px;   
	padding:0px;   
	width:160px;   
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;   
	display:none;
	border:1px #CCCCCC solid;   	
}   
ul.v_menu > li{ /*  */  
    display:block;   
    height:25px;    
    text-indent:5px;   
    background-color:#EAEAEA;   
    border:1px #FCFCFC solid;   
}   
ul.v_menu > li:hover{ /*  */  
    display:block;   
    height:25px;   
    text-indent:5px;   
   	color:#FFFFFF;
    background-color:#B6DFF8;   
    border:1px #FFFFFF groove;   
}   
ul.v_menu > li > a{ /*  */  
    text-decoration:none;   
    color:#333333;   
   	font-weight:bold;
}   

.gwtutility-table-tr-even{
    background-color:#FFFFFF;
}
.gwtutility-table-tr-odd{
    background-color:#FAFAFA;
}

.gwtutility-table-tr-head{
    background:#FFFFFF url(images/menuBarBg.png) repeat-x scroll left bottom;
    font-weight:bold;
    text-align:center;
}
.gwtutility-table-tr-head2{
    font-weight:bold;
	color:#333;
    text-align:center;
}
.gwtutility-table-td-head {
    border:1px solid #EEEEEE;
    padding:6px;
	text-align:center;
}
.gwtutility-table-td-head-sorting {
    border:1px solid #EEEEEE;
    padding:6px;
	text-align:center;
    /*cursor:pointer;*/
}
.gwtutility-table-td{
    font-size:10px;
	color:#333;
    border:1px solid #EEEEEE;
    padding: 4px;
	text-align:center;
}
.gwtutility-table-sorting {
    color:#CCCCCC;
    font-size:9px;
    padding-left:6px;
}
.gwtutility-footer{
    font-weight: bold;
    vertical-align: middle;
    padding: 6px;
}
.gwtutility-textBox-error{
    background:#FBE3E4 none repeat scroll 0 0;
}
.gwtutility-link{
    color:#0000CC;
    cursor: pointer;
    padding:1px;
}

.gwtutility-pointer{
    cursor: pointer;
}
.gwtutility-table-td-icon {
    border:1px solid #EEEEEE;
    padding:6px;
    cursor:pointer;
}

/* BUTTONI SVI */
.button-css3, .gwt-Button, .secondaryToolbar button, .gwt-submitbutton, .actions a.gwt-Anchor, .DisclosureOracle button.gwt-Button, button.cc, .contentToolBar .gwt-Button, .contentToolBar a, .smsfilterclass .gwt-Button, .smsexportclass .gwt-Button, .smsfilterclass a, .smsexportclass a, .switch2advanced, .switch2standard {
	border-radius: .5em;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	cursor: pointer;
	font: 12px/100% "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-weight: 700;
	margin: 0 2px;
	-moz-border-radius: .5em;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	outline: none;
	padding: .3em 1.1em .42em;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	vertical-align: baseline;
	-webkit-border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	zoom: 1;
}
.button-css3:hover, .button-css3:visited, .gwt-Button:hover, .secondaryToolbar button:hover, .gwt-submitbutton:hover, .actions a.gwt-Anchor:hover, .DisclosureOracle button.gwt-Button:hover, button.cc:hover, .contentToolBar .gwt-Button:hover, .contentToolBar a:hover, .smsfilterclass .gwt-Button:hover, .smsfilterclass a:hover, .smsexportclass .gwt-Button:hover, .smsexportclass a:hover, .switch2advanced:hover, .switch2standard:hover, a span:hover {
	color: #cacaca;
	text-decoration: none;
}
.gwt-Button[disabled], .gwt-Button[disabled]:hover {
	background: #cccccc;
	border: 1px solid #aaaaaa;
	border-radius: 5px;
	color: #222222;
	cursor: default;
	display: block;
	filter: alpha(opacity=40);
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700;
	height: 24px;
	-khtml-opacity: 0.4;
	line-height: 20px !important;
	margin: 0;
	-moz-border-radius: 5px;
	-moz-opacity: 0.4;
	opacity: 0.4;
	outline: 0 none;
	padding: 0px 6px;
	text-align: center;
	text-shadow: #ffffff 1px 1px 2px;
	text-transform: none;
	-webkit-border-radius: 5px;
	width: auto;
}
.numericSenders .gwt-Button {
	background-color: orange;
}
.contentToolBar a span, .smsfilterclass a span .smsexportclass a span. {
 margin: 0;
 padding: 0;
}
.gwt-Button.cc-WizardNavigationReset {
	margin-right: 10px;
}
.button-css3:active, .gwt-Button:active {
	position: relative;
	top: 1px;
}