<?php    if(!ob_start("ob_gzhandler")) ob_start(); ?>

/* Style the example page.
******************************************************************************/
/* Global Reset
------------------------------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  border-spacing: 0;
  font: inherit;
  vertical-align: baseline; 
}
  
html{
	position: static;
}
body{
	position: static;
	font-family: sans-serif;
	overflow-x: hidden;
	line-height: 1.4em;
	background-color: rgb(128, 170, 190);
	background-image: url('../images/bg.png');
	background-position:50% 50%;
	font-size:14px;
	padding: 0;
	margin: 0;
}
 
a, a:visited, a:link{
    text-decoration:none;
    
}

.Adminbutton{      
-moz-transition:background-color .2s ease-in;  
-webkit-transition:background-color .2s ease-in;  
-moz-border-radius:4px;
-webkit-border-radius:4px;
padding: 2px;
text-decoration: none;
margin:2px;
border:1px solid #444;

}  
.Adminbutton:hover{
color:#ff0;
background-color: #999;
} 

.highlight{
    background-color: #FFFF80;
}
 .chkclass{
     
 }
.ss-item{
    padding: 10px;
    color: #fff;
}
.ss-choices{
list-style-type: none;
}
#wrapper{
position:relative; 
background-color: #ffffff;
text-align:left;
margin: 10px;
width:980px;  
margin-left: auto;
margin-right: auto;
padding: 10px;

box-shadow: 2px 2px 3px #888888;
border-radius: 10px;

}  

a img{
   border: none; 
}


.timetitle{
text-shadow: black;
font-family: sans-serif;
font-size: 12px;
color: #00f;
float: right;
margin-right: 10px;
}
.timetitle{
   color: #000; 
}
.time{
   color: #ffffff; 
}


/* *
Dark blue var(LogoDarkBlue)
Light  blue #293790
*/
#logo{
    margin: 0px;
float: left;
position: absolute;
left: 20px;
top: 25px;
text-shadow:1px 1px 0 rgba(255,255,255,0.4);
 
}

#leftpanel{
    position: static;
z-index:100;
border-color:#555;
  border-style:solid;
  border-width:1px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#leftpanel{
    float:left;
    width:200px;
}
#top{
margin-left:auto;
margin-right:auto;
height:100px;
   /* Firefox 3.6+ */
z-index: 11;  
 border-bottom: 4px solid;
 border-top: 4px solid;
 display: inline-block;
width: 100%;
background: #ddd url(../images/gradient.png) repeat-x 0px -30px !important;
}
#content{
padding:10px; 
background-color: #BEBEBE;
background-image: url("../images/n2nbackground.png");
background-position:0px 200px;    
display: inline-block;
width: 980px; 
}




.textbox{
margin: 40px;
padding:40px;
background-position:0px 200px;    
border: 5px solid  #fff;
 -moz-box-shadow: 0 2px 10px #000;
-webkit-box-shadow: 0 2px 10px #000;
width: 850px;
display: inline-block;
}

.textbox p{
text-align: justify;
font-size: 12pt;
color: #555;
padding-left :20px;
font-family: sans-serif;
margin-bottom: 20px;
}

.textbox ul{
  text-align: justify;
font-size: 14px;
color: #555;
padding-left :60px  
}

#container2{
 
display:block;
}

.FPbox {
margin: 20px;
border: 5px solid  #fff;
padding:5px;
-moz-box-shadow: 0 2px 10px #000;
-webkit-box-shadow: 0 2px 10px #000;
box-shadow: 0 2px 10px #000;
position: static;
color: #222;
background: rgb(249,252,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(249,252,255,1) 0%, rgba(237,244,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,252,255,1)), color-stop(100%,rgba(237,244,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(249,252,255,1) 0%,rgba(237,244,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(249,252,255,1) 0%,rgba(237,244,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(249,252,255,1) 0%,rgba(237,244,249,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(249,252,255,1) 0%,rgba(237,244,249,1) 100%); /* W3C */


   
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
}

 @-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

.textbox, .FPbox{
    background-color:  rgba(250,250,240,.8);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;    
border-radius: 5px;   
}
.my_class {
transition:  scale(1,1);
-moz-transition:width .4s, height .4s, -moz-transform .4s; /* Firefox 4 */
-webkit-transition:width .4s, height .4s, -webkit-transform .4s; /* Safari and Chrome */
-o-transition:width .4s, height .4s, -o-transform .4s; /* Opera */
}
.my_class:hover {
z-index:100;
-moz-transform: scale(1.1);
-webkit-transform:   scale(1.1);
transform:  scale(1.1);
-o-transform: scale(1.1);

}

.info, .error{
color: #000;
font-weight: 400;
-moz-box-shadow: 0 5px 30px 10px rgba(0,0,0,0.8);
-webkit-box-shadow: 0 3px 10px 5px rgba(0,0,0,0.4);
border: solid #fff 2px;
margin: 0px;
padding: 5px;
border-image: initial;
width: 500px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
border-radius: 10px;
}
.error{
    background: #FF8080;
}
.info{
    background: #80FF80;
}

.creditline{
    color:#777;
    font-size:8pt;
}
.newsbody, .textbox {
font-family: sans-serif;
font-size: 12pt;
padding-left: 20px;
padding-right: 20px;
text-align: justify;
padding-top: 30px;
padding-bottom: 30px;
}

.newsdate{
font-size: 12px;
padding: 4px;
background-color: #aaa;

height:20px;
color: #555;
float: right;
font-weight: 400;
}
.smalldate{
font-size: 12px;
height:20px;
color: #333;
font-weight: 700;
}

.shadow {
  -moz-box-shadow: 5px 5px 7px #000;
  -moz-border-radius-bottomright: 15px;
  -webkit-box-shadow: 5px 5px 7px #000;
  }  

A {
}

A:Hover {
}
.tableheader{
    margin:5px 5px 5px 5px;
    padding: 3px;
    color: #000;
    border: solid 1px #b7b7b7;
    background: #0ff;
 
}
.white , .white.a:link {
    margin:5px 5px 5px 5px;
    padding: 3px;
    color: #000;
    border: solid 1px #b7b7b7;
    background: #C0C0FF;
 -moz-border-radius:5px;
-webkit-border-radius:5px;
}
.white.a:hover {
    background: #7575FF;
}
.white.a:active {
    color: #999;
}
.debug{
    left: 0;
top: 0;
position: absolute;
background: #bbb;
padding: 10px;
font-size: 12px;
}

H3{
margin:0;
padding:3px; 
font-size: 12pt;
font-weight: normal;
}

table{
     padding:0;
     margin:0;

 }
td{
    font-size: 10pt;
    padding:1px;
    border:1px solid white;
	padding-left:10px;
} 
 

 table tr:nth-child(odd) { 
 
background: rgb(242,249,254); /* Old browsers */
background: -moz-linear-gradient(top, rgba(242,249,254,1) 0%, rgba(214,240,253,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,249,254,1)), color-stop(100%,rgba(214,240,253,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); /* IE6-9 */
 
 
 
  }
 table tr:nth-child(even) { 

 background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 3%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(3%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 3%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 3%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 3%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 3%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
 
  }

 
/* *Buttons 
 * <a href="#" class="button blue big">Download</a>
2
<a href="#" class="button blue medium">Submit</a>
3
<a href="#" class="button small blue rounded">Submit</a>
 */
 .arrow{
text-decoration: none;
color: white;

background-position: right;
background-repeat: no-repeat;
padding-right :150px ;
 }
 
 .button{
display:table-cell;
margin:2px;
font-family: sans-serif;
color:#fff;
/* A semi-transparent text shadow */
text-shadow:1px 1px 0 rgba(255,255,255,0.4);
/* Overriding the default underline styling of the links */

vertical-align:baseline;
cursor:pointer;
padding:10px;
background-repeat:no-repeat;

/* The following two rules are fallbacks, in case
the browser does not support multiple backgrounds. */
background-position:right;
background-color: #343EB1;


/* Applying a default border radius of 8px */

-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;

/* A 1px highlight inside of the button */

-moz-box-shadow:0 0 1px #fff inset;
-webkit-box-shadow:0 0 1px #fff inset;
box-shadow:0 0 1px #fff inset;

/* Animating the background positions with CSS3 */
/* Currently works only in Safari/Chrome */

-webkit-transition:background-color    0.3s   ease-in-out;
-moz-transition:background-color  0.3s      ease-in-out;
-o-transition:background-color  0.3s      ease-in-out;
transition:background-color  0.3s      ease-in-out;
}

.button:hover{
    /* The first rule is a fallback, in case the browser
       does not support multiple backgrounds
    */
background-color:  #800000;

-webkit-transition:background-color    0.3s   ease-in-out;
-moz-transition:background-color  0.3s      ease-in-out;
-o-transition:background-color  0.3s      ease-in-out;
transition:background-color  0.3s      ease-in-out;

}

/* The three buttons sizes */

.button.big        { font-size:18px;}
.button.medium    { font-size:14px;


}
.button.small    { font-size:12px;}

/* A more rounded button */

.button.rounded{
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
/* BlueButton */

.blue.button{
    color:#0f4b6d !important;

    border:1px solid #84acc3 !important;

    /* A fallback background color */
    background-color: #48b5f2;

    /* Specifying a version with gradients according to */

    background-color:#FFFFC0,
                        -moz-radial-gradient(    center bottom, circle,
                                                rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
                        -moz-linear-gradient(#4fbbf7, #3faeeb);

    background-color:#FFFFC0,
                        -webkit-gradient(    radial, 50% 100%, 0, 50% 100%, 100,
                                            from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
                        -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
}

.blue.button:hover{
    background-color:#63c7fe;

    background-color:#C0FFC0,
                -moz-radial-gradient(    center bottom, circle,
                rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
                -moz-linear-gradient(#63c7fe, #58bef7);

    background-color:#FFC0FF,
                -webkit-gradient(    radial, 50% 100%, 0, 50% 100%, 100,
                from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
                -webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
}

.button:link{
    color:#fff;
}

#navbar{
    position: relative;
    float:right;
    right: 0px;
    top:0px;
    z-index: 1000;
}
.slidetext{
position: absolute;
width: 340px;
padding: 0px;
color: black;
right: 0px;
margin-left: 0px;

top: 0px;
height: 366px;
}

.bullet{
 list-style: circle   ;
 display: block;
 color: white;
}
H1, H2, H3{
font-family:  sans-serif;
font-weight: 700;
padding:0;
margin:0;
-webkit-border-radius: 5px; 
}
h1>a, h1>a:hover, h1>a:active, h1>a:visited {
	color: #ffffff !important;
	text-decoration:none;
}
h1 {
	height: 35px;
	padding-left: 5px;
	font-size: 13pt;
	color: #fff !important;
	padding-top: 5px;
	line-height: 1.8;
	margin-bottom:5px;
	 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
}
.page_title {
	height: 35px;
	padding-left: 5px;
	color: #ffffff;
	padding-top: 5px;
	line-height: 1.8;
	margin-bottom:5px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
}
.page_title h2.pull_left{
text-align: left !important;
font-size: 18px !important;
}
.page_title h2.pull_right{
text-align: right !important;
font-size: 15px !important;
}
.page_title h2{
display: inline-block !important;
width: 49% !important;
height: auto !important;
border-bottom: 1px solid transparent !important;
font-weight: bold !important;
}
.ep.th{
   border-bottom: 3px solid #aaa;
height: 25px;
padding-left: 5px;
font-size: 13pt;
color: #0079c2;
background: rgb(100, 170, 200) url(../images/gradient.png) repeat-x 0 -80px !important;
padding-top: 5px;
line-height: 1.4; 
}


H2{
font-size: 17px;
height: 22px;
border-bottom:2px dotted #aaa;
font-weight:bold;
}


  
#lang{
position: relative;
top: 0px;
right: 0px;
float: right;
}
    
    #topleft{

     
    }
 #topright{
float: right;
vertical-align: bottom;
bottom: -80px;
position: relative;
 
    }

 
 
.textcontent{
    margin: 10px;
    padding:50px ;
}
 
#footer{
padding: 15px;
color: #000;
position: relative;
font-size: 12px;
padding: 5px;
border-top: 4px solid black;
letter-spacing: 2px;
background: #555 url(../images/gradient.png) repeat-x 0 -100px !important;
}
.blueband{
z-index: 0;
color: black;
font-size: 24px;
padding: 4px;
text-decoration: none;

margin: 10px 0 20px 0px;
}
.icon{
    vertical-align: middle;
    text-decoration: none;
    width: 40px;
}
.sidebar{
    float:right;
    width:300px;
}
.pricebox{
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
transform: rotate(-10deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=.2);
}

legend{
     background: rgb(77, 77, 90);
         -moz-border-radius:8px;
    -webkit-border-radius:8px;
     padding: 2px; 
     margin: 2px;  
color:#fff          ;
 }
 fieldset , textarea , input, select{
    -moz-border-radius:3px;
    -webkit-border-radius:3px;    
    border:1px solid #aaa;
    margin:5px;  
    padding:3px;
    font-size:14px;
 }
 fieldset     {
     width:400px;    
     padding: 4px;
 }
 .quoteform{
width:450px;
margin : 5px;
}
 .wide{
     width:100%;
 }
 .right{
     float:right;
 }
 .left{
     float:left;
 }
  textarea , input   ,option,select
 {
     background:  #ffffff;
 }
 

 .my-link{
 	width: 80px;
color: #fff;
cursor: pointer;
text-shadow: #000 1px 1px;
border-top: 1px solid #777;
margin-top: 10px;
font-size: 12px;
text-decoration: none;
padding: 3px;
-moz-transition:background-color .2s ease-in;  
-webkit-transition:background-color .2s ease-in;  
-moz-border-radius:3px;
-webkit-border-radius:3px;
background: rgb(109,179,242);
    background: -moz-linear-gradient(-45deg,  rgba(105,105,105.5) 0%, rgba(169,169,169,1) 28%, rgba(105,105,105,1) 78%, rgba(105,105,105,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(105,105,105,0.5)), color-stop(28%,rgba(169,169,169,1)), color-stop(78%,rgba(105,105,105,1)), color-stop(100%,rgba(105,105,105,1)));
    background: -webkit-linear-gradient(-45deg,  rgba(105,105,105,0.5) 0%,rgba(169,169,169,1) 28%,rgba(105,105,105,1) 78%,rgba(105,105,105,1) 100%);
    background: -o-linear-gradient(-45deg,  rgba(105,105,105,0.5) 0%,rgba(169,169,169,1) 28%,rgba(105,105,105,1) 78%,rgba(105,105,105,1) 100%);
    background: -ms-linear-gradient(-45deg,  rgba(105,105,105,0.5) 0%,rgba(169,169,169,1) 28%,rgba(105,105,105,1) 78%,rgba(105,105,105,1) 100%);
    background: linear-gradient(-45deg,  rgba(105,105,105,0.5) 0%,rgba(169,169,169,1) 28%,rgba(105,105,105,1) 78%,rgba(105,105,105,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=1 );
 }
 

 .submit {
 width: 80px;
color: #fff;
cursor: pointer;
text-shadow: #000 1px 1px;
border-top: 1px solid #777;
margin-top: 10px;
font-size: 12px;
text-decoration: none;
padding: 3px;
-moz-transition:background-color .2s ease-in;  
-webkit-transition:background-color .2s ease-in;  
-moz-border-radius:3px;
-webkit-border-radius:3px;
background: rgb(109,179,242); /* Old browsers */
background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
}

.submit:hover {
    
    


	background: rgb(254,204,177); /* Old browsers */
background: -moz-linear-gradient(top, rgba(254,204,177,1) 0%, rgba(241,116,50,1) 50%, rgba(234,85,7,1) 51%, rgba(251,149,94,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,204,177,1)), color-stop(50%,rgba(241,116,50,1)), color-stop(51%,rgba(234,85,7,1)), color-stop(100%,rgba(251,149,94,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(254,204,177,1) 0%,rgba(241,116,50,1) 50%,rgba(234,85,7,1) 51%,rgba(251,149,94,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(254,204,177,1) 0%,rgba(241,116,50,1) 50%,rgba(234,85,7,1) 51%,rgba(251,149,94,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(254,204,177,1) 0%,rgba(241,116,50,1) 50%,rgba(234,85,7,1) 51%,rgba(251,149,94,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(254,204,177,1) 0%,rgba(241,116,50,1) 50%,rgba(234,85,7,1) 51%,rgba(251,149,94,1) 100%); /* W3C */

}

 #login{
 
margin-left: auto;
margin-right: auto;
 }
 
.redtext{
    color:red;
} 
 
  /*  Tooltip */
 #easyTooltip{
    padding:5px;
    border:1px solid #ccc;
    background:#f1f1f1;
        -webkit-box-shadow: 0 0px 8px 4px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0px 8px 4px rgba(0,0,0,0.8);
    }
  
  .translate {
      width:30px;
      height:30px;
      vertical-align: middle;
  }
  
  #company_local, #fullname_local{
                                                         direction:rtl;
  }
  
    .ar{
        direction: rtl;
        text-align: center;
    }   
    
    
    .reset{
        width:100px;
    }
#user{
  float: right;
 
display: inline-block;
height: 20px;
position: absolute;
right: 20px;
font-size: 13px;

}

.f_time, f_name {


}
.f_time {
border: 1px solid #99CCFF;
padding: 1px;
width: 142px;
display: inline-block;
background-color: #ffffff;
text-decoration:none;
height: 25px;
font-weight:bold;


}
.f_name{
width: 600px;
display: inline-block;
background-color: #ffffff;
border: 1px solid #99CCFF;
height: 25px;
text-align:left;
padding-left:10px;
}
.f_name:hover{
background-color: #dddddd;
}
.ar {
	direction: rtl;
	text-align: center;
}
	
.FPbox iframe {
	height: 340px !important;
}
/*Certificate images thumbnail styles*/
img.thumbnail {
	background: none repeat scroll 0 0 #FFFFFF;
}
.image:before {
	content: "";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	display: inline-block;
	vertical-align: middle;
}

.image {
	float: left;
	margin-bottom: 5px;
	padding: 7px;
}

.delete {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.delete:after {
	content: '\f00d';
	position: absolute;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	top: -5px;
	right: -5px;
	height: 13px;
	width: 10px;
	background: #807e7e;
	border: 1px solid #7b7575;
	border-radius: 50%;
	color: #fff;
	font-size: 13px;
}
.ui-autocomplete-loading { background: white url('../images/ajax-loader.gif') right center no-repeat; }
span.required{ color: red;}
.thumbnail {
	width: 30%;
    display: block;
    padding: 2px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.thumbnail>img {
    margin-right: auto;
	max-width: 100%;
    margin-left: auto;
}
img {
    vertical-align: middle;
    border: 0;
}
.thumbnail .caption {
    padding: 8px 0px 0px 5px;
    color: #333;
}
.thumbnail p {
    margin: 0 0 5px;
}

.thumbnail .ajax-loading{
	width: 90%;
}
label.validate_error { 
   float: none; color: red; 
   padding-left: .5em;
   vertical-align: top; 
   display: block;
}​