/* Reset */
header, footer, article, nav, section, aside, time, hgroup {
    display : block;
}
html, body, header, footer, article, nav, section, aside, time, h1, h2, h3, p, a, ul, li, dl, dd, dt, table, thead, tfoot, tbody, th, tr, td {
    border : 0;
    font : 12px/22px Verdana, sans-serif;
    /*    font : 12px/22px tahoma,arial,Verdana;*/
    margin : 0;
    outline : 0;
    padding : 0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    
}

/* BASICS */
BODY {
    background : #FFF;
    /*    border-top : 5px solid #DB0202;
        border-top : 5px solid #1c94c4;*/
    border-top : 15px solid #688CAF;
    color : #444;
    color: rgb(51, 51, 51);
}

A {
    color : #688CAF;  
    text-decoration : none;

}


A:HOVER {
    color : #1c94c4;
}


a#namelink{
    color : #688CAF;
    text-decoration : none;
    font-weight: bold;
    font-size: 11px;

}
a#namelink:hover{
    text-decoration : underline;
    font-size: 11px;
}

H1, H3, H4, H5, H6 {
    background : url(../images/ai4.png) no-repeat 0 7px;
    border-bottom : 1px dotted #B5B3A9;
    color : #222;
    font-weight : bold;
    margin : 0 0 10px;
    padding : 0 0 0 25px;
    /*     text-shadow: #000 -1px -1px 0;*/
    font-weight: 600;
    color: rgb(34, 34, 34);
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
H1 {
    background : url(../images/ai4.png) no-repeat 0 6px;
    font-size : 15px;
}
H2 {
    font-size : 14px;
    margin : 0 0 20px 0;
}
H3 {
    background : url(../images/ai5.png) no-repeat 0 7px;
    color: #333333;
    color: rgb(79, 79, 79);
    font-size : 12px;
    color: rgb(34, 34, 34);
    /*    color: #666;*/
}
H3, H4, H5, H6 {
    font-size : 12px;
    color: rgb(79, 79, 79);
    color: rgb(51, 51, 51);
}

SUP {
    top : -4px;
}

/* Header */	
header {
    /*    background : url(../images/hd.png) no-repeat top left;*/
    background: #ffffff;
    height : 50px;
    position : relative;
}
header a, header p {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color : #FFF;
}
header a {
    /*    background : #DB0202;*/
    background :  #688CAF;
    font-size: 16px;
    margin : 0 0 0 10px;
    padding : 15px 20px;
}

header a:hover {
    color : #000;
}
header p{
    background : #000;
    background : #666;
    background : #DB0202;
    bottom:50px;
    font-weight: bold;
    opacity: 0.5;
    padding : 5px;
    position:absolute;
    right : 0;
    width : 400px;

}

header p3{
	color:#688CAF ; 
	font-weight: bold ; 
	font-size: 14px"
}

header p4{
	color: gray ; 
	font-weight: bold ; 
	font-size: 12px"
}

fieldset{
    border : 0.5px dotted lightgray;

}
/* Article */
article {
    border-left : 1px dotted #666;
    float : right;
    height : auto;
    padding : 20px 20px 300px 20px;
    width : 710px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

article label {
    float: left;
    text-align: left;
    font-size: 11px;
}

article #searchSuggest{
    margin : 0 auto;
    position : relative;
    font-size: 10px;


}
.login {
  position: relative;
  margin: 0 auto;
  padding: 20px 20px 60px 20px;
  width: 400px;
  background: #F9F9F9;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
}

.dash {
  position: relative;
  margin: 0 auto;
  padding: 20px 20px 60px 20px;
  width: 650px;
  background: #F9F9F9;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
}
.dash a{
    color: rgb(111, 111, 111);
}
.dash a:hover{
    color: #666; 
}

/* Article */
#menusetup {
    border-left : 1px dotted #666;
    float : right;
    height : auto;
    padding : 20px 20px 0 20px;
    width : 710px;
}

article p {
    margin : 0 0 20px 0;
}

article a{
    color: #66a3d3;
    text-decoration: none;
}
article a:hover{
    color: #1c94c4;
    text-decoration: underline;
}


/*article img {
    float : left;
    margin : 6px 10px 0 0;
}*/

/* Highlighted Paragraphs */
.highlight-1, .highlight-2, .highlight-3 {
    -moz-border-radius : 4px;
    -webkit-border-radius : 4px;
    padding : 5px 10px;
}
.highlight-1 {
    background : #FFCCCC;
    border : 1px dotted #FF9966;	
}
.highlight-2 {
    background : #FFFF99;
    border : 1px dotted #FFCC33;	
}
.highlight-3 {
    background : #CCFF99;
    border : 1px dotted #CCCC33;
}

/* Citations & Quotes */
cite {
    border-left: 2px solid #DB0202;
    color : #666;
    font-size : 10px;
    font-style : normal;
    font-weight : bold;
    margin : 0;
    padding : 5px 10px;
}

blockquote {
    border-left: 2px solid #DB0202;
    color : #666;
    margin : 0 0 20px 0;
    padding : 5px 10px;
}

/* Pre & Code */
pre {
    color : #333;
    font-size : 10px;
    line-height : 15px;		/* Height of each line of code--*/
    overflow : hidden;		/* If the Code exceeds the width, put "auto" and scrolling is available--*/
    overflow-Y : hidden;	/* Hides vertical scroll created by IE--*/
}
pre code {
    background : #EEE;
    border-left : 2px solid #DB0202;
    margin : 0 0 10px 0;
    padding : 5px;
    display : block;
}

/* Calendar */
dl.vevent {
    margin : -20px 0 20px 0;
    padding : 0;
}
.vevent dt {
    font-size : 10px;
    position : relative;
    left : 0;
    top : 22px;
    font-weight : bold;
}
.vevent dd
{
    border-left : 2px solid #DB0202;
    font-size : 11px;
    margin : 0 0 0 80px;
    padding : 0 0 0 10px;
}

dd.summary {
    font-weight : bold;
}
.vevent a {
    font-size : 11px;
}

input.button, .btn {
    background: #1c94c4 ;
    background:-moz-linear-gradient(top,#1c94c4 0%,#1c94c4 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1c94c4),color-stop(100%,#688CAF));
    background:-webkit-linear-gradient(top,#1c94c4 0%,#1c94c4 100%);
    background:-o-linear-gradient(top,#1c94c4 0%,#1c94c4 100%);
    background:-ms-linear-gradient(top,#1c94c4 0%,#1c94c4 100%);
    background:linear-gradient(top,#1c94c4 0%,#1c94c4 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c94c4',endColorstr='#1c94c4',GradientType=0);
    padding:7px 5px;
    color:#fff;
    font-family:'Helvetica Neue',sans-serif;
    font-size:11px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #1A87B9;
    cursor: pointer;
    width : 30%;
    font-weight: bold;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
/*    background:-moz-linear-gradient(center top , rgb(45, 181, 244), rgb(11, 147, 210))*/
}

input.button-disabled, .btn {
    background: #d3d3d3 ;
    background:-moz-linear-gradient(top,#d3d3d3 0%,#d3d3d3 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#d3d3d3),color-stop(100%,#688CAF));
    background:-webkit-linear-gradient(top,#d3d3d3 0%,#d3d3d3 100%);
    background:-o-linear-gradient(top,#d3d3d3 0%,#d3d3d3 100%);
    background:-ms-linear-gradient(top,#d3d3d3 0%,#d3d3d3 100%);
    background:linear-gradient(top,#d3d3d3 0%,#d3d3d3 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3',endColorstr='#d3d3d3',GradientType=0);
    padding:7px 5px;
    color:#fff;
    font-family:'Helvetica Neue',sans-serif;
    font-size:11px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #1A87B9;
    cursor: pointer;
    width : 30%;
    font-weight: bold;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
/*    background:-moz-linear-gradient(center top , rgb(45, 181, 244), rgb(11, 147, 210))*/
}


/* Lists */
article ul, aside ul {
    list-style : none;
    margin : 0 0 20px 0;
}
article ul {
    margin : 0 0 20px 23px;
}
article ul li {
    /*    background : url(../images/ai2.png) no-repeat 0 8px;*/
    /*    padding : 0 0 0 17px;*/
}


article textarea {
    width: 600px;
    height: 150px; /* Set the desired height here */
    background-color: #f2f2f2;
    resize: none; /* Optionally, to prevent resizing */
    padding: 0px; /* Optionally, to add some padding */
    text-align:left;
    font-size: 16px;
}

/* Sidebar */
aside {
    float : left;
    margin : 20px 0 20px 0;
    width : 210px;
}
aside a{
    font-size:11px;
    color: black;
}
aside a:HOVER {
    font-size:11px;
    color : #688CAF;
}
/* Search Box */
.s {
    -moz-border-radius : 4px;
    -webkit-border-radius : 4px;
    margin : 0 0 20px 0;
    padding : 10px;
    width : 179px;
}
.s input {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border : 1px solid #CCC;
    color : #999;
    font-size : 11px;
    padding : 4px 5px;
    width : 168px;
}

/* Gallery */
.gallery {  
    list-style : none;
    margin : 0 0 10px;
}
.gallery li {
    display: inline;
    margin : 0 15px 0 0;
}
.gallery a img {
    border : 1px solid #999;
    height : 50px;
    opacity: 0.8;
    padding : 1px;
    width : 50px;
}
.gallery li:last-child {
    margin : 0 0 10px 0;
}
.gallery a img:hover{
    opacity: 1;
}

/* Ad Space */
.adspace {
    -moz-border-radius : 4px;
    -webkit-border-radius : 4px;
    -moz-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
    background : #EEE;
    height : 100%;
    margin : 0 0 20px 0;
    padding : 5px 10px;
    text-align : center;
    width : 178px;
}
.adspace a img {
    border : none;
}

/* Tag Cloud */
#tagcloud {
    overflow : hidden;
    width : 200px;
}
#tagcloud li {
    display : inline;
    margin : 0 10px 0 0;
}
.tagcloudsize-1 a {
    font-size : 14px;
}
.tagcloudsize-2 a {
    font-size : 16px;
}
.tagcloudsize-3 a {
    font-size : 18px;
}

/* Footer */
footer {
    border-top : 1px dotted #B5B3A9;
    clear : both;
    margin : 20px 0px 0px 0px;
}
footer a, footer p {
    color : #666;
    display : inline;
    font-size : 10px;
    margin-top: 20px;
}
nav p{
    clear : both;
    margin : 20px 0; 
    color : #666;
    display : inline;
    font-size : 10px;
}


/* Custom styles for the menu */
/* Add your custom styles here */
ul.menu-level-0 {
  background-color: #f9f9f9;
}

ul.menu-level-0 > .menu-item > a {
  text-decoration: none;
  color: #333;
  padding: 10px 20px;
  display: block;
}

ul.menu-level-1 {
  display: none; /* Hide submenus by default */
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

ul.menu-level-0 > .menu-item:hover ul.menu-level-1 {
  display: block; /* Show submenus on hover */
}

ul.menu-level-1 > .menu-item > a {
  color: #555;
  display: block;
  padding: 10px 20px;
  border-bottom: 1px solid #ccc;
}

ul.menu-level-1 > .menu-item:last-child > a {
  border-bottom: none;
}

ul.menu-level-2 {
  display: none; /* Hide submenus by default */
  position: absolute;
  top: 0;
  left: 100%;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

ul.menu-level-1 > .menu-item:hover ul.menu-level-2 {
  display: block; /* Show submenus on hover */
}



/* Wrappers */
#a, #b {
    margin : 0 auto;
    position : relative;
}
#a {
    width : 980px;
}
#b {
    overflow : hidden;
}

/* Shadow-Boxes*/
#c, .meta, .s {
    -moz-border-radius : 4px;
    -webkit-border-radius : 4px;
    -moz-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow : 0 2px 2px rgba(0,0,0,0.3);
    background : #EEE;
}
#c {
    background : #EEE;
    margin : 0 0 20px 0;
    padding : 5px 10px;
    width : 178px;
}
#c p, #c a {
    font-size : 11px;
    line-height : 15px;
}
#c p {
    margin : 0 0 10px 0;
}
#c img {
    float : left;
    margin : 4px 10px 2px 0;
}	
.meta {
    margin : 20px 0 3px;
    padding : 2px 5px;
}
.meta p, .meta a {
    font-size : 10px;
    margin : 0;
}

#contact-area {
    width: 600px;
    margin-top: 25px;
    font : 12px/22px Verdana, sans-serif;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

    /*    margin: 20px 10px 10px 10px;*/


}

#contact-area input {

    /*  padding: 5px;
    width: 360px;
    font-family: Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px 0px 10px 0px;
    border: 2px solid #ccc;
    float: left;
    color: #333333;
    color:gray;
    font-weight: bold;*/

  /*  display: b;  */
  font-family: "Helvetica Neue", Arial, sans-serif;  
  border-style: solid;  
  border-width: 1px;  
  border-color: #dedede;  
  margin: 0px 0px 10px 0px;
  font-size: 11px;  
  padding: 5px 3px;  
  padding-left: 5px;  
  width: 50%;  
  float: left;
  color: #777;  
  padding: 5px;
/*  width: 360px;*/
    
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;  
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;  
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;   
    
  transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
  -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
  -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
  -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; 

}


#contact-area label {
    float: left;
    text-align: left;
    margin-right: 15px;
    width: 150px;
    padding-top: 5px;
    font-size: 11px;
    color: #333333;
    



    /*    color:#678197;*/
    /*    font-weight: bold;*/

}
#contact-area #loginlabel {
    float: left;
    text-align: left;
    margin-right: 15px;
    width: 220px;

    font-size: 11px;
    color: #333333;



    /*    color:#678197;*/
    /*    font-weight: bold;*/

}
#contact-area label.export {
    float: left;
    text-align: left;
    margin-right: 15px;
    width: 400px;
    padding-top: 5px;
    margin: 0px 0px 10px 0px;
    font-size: 11px;
    font-weight: bold;
    color: gray;
}
#contact-area label.title {
    /*    float: left;
        text-align: left;
        margin-right: 15px;
        width: 400px;
        padding-top: 5px;
        margin: 0px 0px 10px 0px;
        font-size: 11px;*/
    color: #1c94c4;
    width: 400px;
}

label.title {
    /*    float: left;
        text-align: left;
        margin-right: 15px;
        width: 400px;
        padding-top: 5px;
        margin: 0px 0px 10px 0px;
        font-size: 11px;*/
    color: #1c94c4;
    font-size: 11px;
}

#contact-area label.result {
    float: left;
    text-align: left;
    margin-right: 15px;
    width: 400px;
    padding-top: 5px;
    margin: 0px 0px 10px 0px;
    font-size: 11px;
    color: #1c94c4;
}
#contact-area input.button, .btn {
    
   
    background: #1c94c4;
    background:-moz-linear-gradient(top,#1c94c4 0%,#1c94c4 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1c94c4),color-stop(100%,#1c94c4));
    background:-webkit-linear-gradient(top,#1c94c4 0%,#1c94c4 100%);
    background:-o-linear-gradient(top,#1c94c4 0%,#1c94c4 100%);
    background:-ms-linear-gradient(top,#1c94c4 0%,#1c94c4 100%);
    background:linear-gradient(top,#1c94c4 0%,#1c94c4 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c94c4',endColorstr='#1c94c4',GradientType=0);
    padding:7px 5px;
    color:#fff;
/*    font-family:'Helvetica Neue',sans-serif;*/
    font-size:11px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #1A87B9;
    cursor: pointer;
    width : 30%;
    font-weight: bold;
    margin: 5px 5px 5px 5px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#contact-area input.button-disabled, .btn {
    
   
    background: #d3d3d3;
    background:-moz-linear-gradient(top,#d3d3d3 0%,#d3d3d3 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#d3d3d3),color-stop(100%,#d3d3d3));
    background:-webkit-linear-gradient(top,#d3d3d3 0%,#d3d3d3 100%);
    background:-o-linear-gradient(top,#d3d3d3 0%,#d3d3d3 100%);
    background:-ms-linear-gradient(top,#d3d3d3 0%,#d3d3d3 100%);
    background:linear-gradient(top,#d3d3d3 0%,#d3d3d3 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d3d3d3',endColorstr='#d3d3d3',GradientType=0);
    padding:7px 5px;
    color:#fff;
/*    font-family:'Helvetica Neue',sans-serif;*/
    font-size:11px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #1A87B9;
    cursor: pointer;
    width : 30%;
    font-weight: bold;
    margin: 5px 5px 5px 5px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}


#contact-area select {
    padding: 5px;
    width: 270px;
/*    font-family: Helvetica, sans-serif;*/
    font-size: 11px;
    margin: 0px 0px 10px 0px;
    border: 2px solid #ccc;
    float: left;
    color: #333333;

}
#contact-area br{
    clear: left;
}
#contact-area .date{
    padding: 5px;
    width: 90px;
/*    font-family: Helvetica, sans-serif;*/
    font-size: 11px;
    margin: 0px 0px 10px 0px;


    float: left;
}

#contact-area .time{
    padding: 5px;
    width: 60px;
/*    font-family: Helvetica, sans-serif;*/
    font-size: 11px;
    margin: 0px 0px 10px 0px;


    float: left;
}

#contact-area .percentage{
    padding: 5px;
    width: 30px;
/*    font-family: Helvetica, sans-serif;*/
    font-size: 11px;
    margin: 0px 0px 10px 0px;


    float: left;
}

#contact-area .processinput{
    width: 110px;


}

#contact-area .datelabel {
    width: 60px;
    /*    text-align: center;*/

}

#contact-area .daytype {
    width: 55px;
    /*    text-align: center;*/

}
#contact-area img{
    float: left;
    margin: 10px 10px 10px 5px;
}

#contact-area label .radio{

    width: 20px;
    float: left;

    /*        margin: 10px 10px 10px 10px;*/

}
#contact-area input .radio{
    width: 20px;
    float: left;
    /*    height: 60px;*/
}


#contact-area .limittext{
    width: 25px;
    float:none;
    margin-left: 10px;

    /*    height: 60px;*/
}

/* tables stayle */
#hor-minimalist-b
{
    
    border: 1px solid #DFDFDF;
    background-color: #F9F9F9;
    width: 710px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif;
    color: #333;
    margin:1em auto;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   
}

#hor-minimalist-b th
{
    text-shadow: rgba(255, 255, 255, 0.796875) 0px 1px 0px;
    font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
    font-weight: normal;
    padding: 3px 3px 2px;
    text-align: left;
    line-height: 1.3em;
    font-size: 14px;
    padding: 1px 1px;
    border-bottom: 2px solid #66a3d3;
    text-align: left;
    font:bold 1em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
    color: rgb(79, 79, 79);
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;


    
}

#hor-minimalist-b td
{
    font-size: 11px;
    padding: 3px 3px 2px;
    vertical-align: top;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

}

#hor-minimalist-b td, #hor-minimalist-b th {
    border-top-color: white;
    border-bottom: 1px solid #DFDFDF;
    color: #555;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}



#hor-minimalist-b td .email
{
    width: 140px;
}
#hor-minimalist-b td .sms
{
    width: 70px;
}

#hor-minimalist-b td a
{
    /*	border-bottom: 1px solid #ccc;*/
    color: #688CAF  ;
    padding: 1px 1px;
    font-size: 11px;
    /*    text-decoration:underline;*/

}

#hor-minimalist-b td a:hover
{
    /*	border-bottom: 1px solid #ccc;*/
    text-decoration:underline;
    /*    background-color: skyblue; */

}

#hor-minimalist-b a#namelink{
    color : #688CAF;
    text-decoration : none;
    /*    font-weight: bold;*/

}
#hor-minimalist-b  a#namelink:hover{
    text-decoration : underline;
}


#hor-minimalist-b input {

    /*  padding: 5px;
    width: 360px;
    font-family: Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px 0px 10px 0px;
    border: 2px solid #ccc;
    float: left;
    color: #333333;
    color:gray;
    font-weight: bold;*/

  /*  display: b;  */
  font-family: "Helvetica Neue", Arial, sans-serif;  
  border-style: solid;  
  border-width: 1px;  
  border-color: #dedede;  
  margin: 0px 0px 10px 0px;
  font-size: 11px;  
/*  padding: 5px 3px;  */
  padding-left: 5px;  
  float: left;
  color: #777;  
  padding: 4px;
/*  width: 360px;*/
    
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;  
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;  
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;   
    
  transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
  -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
  -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
  -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; 

}



/* tables stayle */
#tbl_calender
{
    
    border: 1px solid #DFDFDF;
    background-color: #F9F9F9;
    width: 710px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif;
    color: #333;
    margin:1em auto;
    text-align: center;

   
}

#tbl_calender th
{
    font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
    font-weight: normal;
    padding: 7px 7px 8px;
    text-align: center;
    line-height: 1.3em;
    font-size: 14px;
    background-color: #f699e0;
    
}

#tbl_calender td
{
    font-size: 11px;
    padding: 3px 3px 2px;
    vertical-align: top;

}

#tbl_calender td, #tbl_calender th {
    border-top-color: white;
    border-bottom: 1px solid #DFDFDF;
    border-left: 1px solid #DFDFDF;
    color: #555;
}


#formfield{
    border : 1px solid rgb(228, 228, 228);
    width: 690px;
    z-index: 0;
    padding: 5px 5px 5px 5px;
    /*    border-top-width: 1px;
        border-top-style: solid;
        border-top-color: rgb(228, 228, 228);
        border-bottom: 1px solid rgb(228, 228, 228);
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgb(228, 228, 228);*/
}

/*message styles */

.infoMessage, .successMessage, .warningMessage, .errorMessage, .validationMessage
{
    border: 2px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.infoMessage
{
    color: #205791;
    border-color:#92cae4;
    background-color: #d5edf8;
    background-image: url(images/KnobInfo.png);
}
.infoMessage a, .infoMessage a:link, .infoMessage a:visited, .infoMessage a:active {color:#205791;text-decoration: underline;}

.successMessage
{
    color: #264409;
    border-color:#c6d880;
    background-color: #e6efc2;
    background-image: url(../images/KnobValidGreen.png);
}
.successMessage a, .successMessage a:link, .successMessage a:visited, .successMessage a:active {color:#264409;text-decoration: underline;} 

.warningMessage
{
    color: #514721;
    border-color:#ffd324;
    background-color: #FEEFB3;
    background-image: url(../images/KnobAttention.png);
}
.warningMessage a, .warningMessage a:link, .warningMessage a:visited, .warningMessage a:active {color:#514721;text-decoration: underline;}

.errorMessage
{
    color: #8a1f11;
    border-color:#f4686b;
    background-color: #fbe3e4;
    background-image: url(../images/KnobRemoveRed.png);
}
.errorMessage a, .errorMessage a:link, .errorMessage a:visited, .errorMessage a:active {color:#8a1f11;text-decoration: underline;}

.validationMessage
{
    color: Red;
    background-image: url(images/KnobCancel.png);
}
.validationMessage a, .validationMessage a:link, .validationMessage a:visited, .validationMessage a:active {color:red;text-decoration: underline;}


/* fb like componets*/


/* Default Facebook CSS */
.fbbody
{
    font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    color: #333333;
}
/* Default Anchor Style */
.fbbody a
{
    color: #3b5998;
    outline-style: none;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
}
.fbbody a:hover
{
    text-decoration: underline;
}
/* Facebook Box Styles */
.fbgreybox
{
    background-color: #f7f7f7;
    border: 1px solid #cccccc;
    color: #333333;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
}
.fbbluebox
{
    /*    background-color: #eceff6;
        border: 1px solid #d4dae8;
        color: rgb(153, 153, 153);
        padding: 5px;
        font-size: 12px;
        font-weight: 500;
        width: 580px;*/

    background: none repeat scroll 0% 0% rgb(248, 248, 248);
    background-color: rgb(248, 248, 248);
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;    
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(228, 228, 228);
    padding: 5px 5px 5px 10px;
    color: rgb(79, 79, 79);
    /*    font-weight: 500;*/
}
.fbinfobox
{
    background-color: #fff9d7;
    border: 1px solid #e2c822;
    color: #333333;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
}
.fberrorbox
{
    background-color: #ffebe8;
    border: 1px solid #dd3c10;
    color: #333333;
    padding: 10px;
    font-size: 13px;
    font-weight: bold;
}
/* Content Divider on White Background */
.fbcontentdivider
{
    margin-top: 15px;
    margin-bottom: 15px;
    width: 520px;
    height: 1px;
    background-color: #d8dfea;
}
/* Facebook Tab Style */
.fbtab
{
    padding: 8px;
    background-color: #d8dfea;
    color: #3b5998;
    font-weight: bold;
    float: left;
    margin-right: 4px;
    text-decoration: none;
}
.fbtab:hover
{
    background-color: #3b5998;
    color: #ffffff;
    cursor: hand;
}

/*serach box style*/

#tw-form{
    font-family: Tahoma, Geneva, sans-serif;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: #aaa 1px solid;
    background: #DDDDDD;
    background: -moz-linear-gradient(top, #688CAF 0%, #688CAF 0%, #688CAF 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#688CAF), color-stop(0%,#688CAF), color-stop(100%,#688CAF)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#688CAF', endColorstr='#688CAF',GradientType=0 ); /* ie */
    width: 220px;
    float: right;
    margin: 4px 20px 4px 4px;
    padding: 0 4px;
    border-top-left-radius: 4px 4px;
    border-top-right-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    border-bottom-left-radius: 4px 4px;
}
#tw-form #tw-input-text{
    width: 190px;
    float: left;
    border: 0;
    background: white;
    background: -moz-linear-gradient(top, white 0%, white 0%, white 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(0%,white), color-stop(100%,white)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='white',GradientType=0 ); /* ie */
    color: #777;
    line-height: 100%;
    font-size: 11px;
    font-family: Tahoma, Geneva, sans-serif;
    margin-top:3px;margin-bottom:3px;
    height:18px;

}
#tw-form #tw-input-text:focus{
    outline:none;
    color:#333;
}
#tw-form #tw-input-submit{
    background: url(../images/search-zoom-icon.png) no-repeat 8px 5px;
    border: 0;
    float: left;
    width: 22px;
    margin-top: 4px;
    z-index: 100;
    cursor: pointer;
}



#info, #success, #warning, #error, #validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:5px 5px 5px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;

}
#info {
    color: #00529B;
    background-color: #BDE5F8;
}
#success {
    color: #264409;
    border-color:#c6d880;
    background-color: #e6efc2;
}
#warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
#error {
    color: #8a1f11;
    border-color:#f4686b;
    background-color: #fbe3e4;
}

p #error {
    color: #8a1f11;
    border-color:#f4686b;
    background-color: #fbe3e4;
}

#note{

    background: none repeat scroll 0% 0% rgb(248, 248, 248);
    background-color: rgb(248, 248, 248);
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;    
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(228, 228, 228);
    padding: 5px 5px 5px 10px;
    color: rgb(153, 153, 153);
    font-weight: 500;

}
#notification{
    color: rgb(136, 21, 21) ;
    font-weight: normal;
}




/* tables stayle */
#offencetable
{
    
    border: 1px solid #DFDFDF;
    background-color: #F9F9F9;
    width: 710px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif;
    color: #333;
    margin:1em auto;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   
}

#offencetable th
{
    text-shadow: rgba(255, 255, 255, 0.796875) 0px 1px 0px;
    font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
    font-weight: normal;
    padding: 3px 3px 2px;
    text-align: left;
    line-height: 1.3em;
    font-size: 11px;
/*    padding: 1px 1px;*/
    border-bottom: 1px solid #66a3d3;
    text-align: left;
    font:bold 11px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
    color: rgb(79, 79, 79);
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;


    
}

#offencetable td
{
    font-size: 11px;
    padding: 1px 1px 1px;
    vertical-align: top;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

}

#offencetable td, #offencetable th {
    border-top-color: white;
    border-bottom: 1px solid #DFDFDF;
    color: #555;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}



#offencetable td .email
{
    width: 140px;
}
#offencetable td .sms
{
    width: 70px;
}

#offencetable td a
{
    /*	border-bottom: 1px solid #ccc;*/
    color: #688CAF  ;
    padding: 1px 1px;
    font-size: 11px;
    /*    text-decoration:underline;*/

}

#offencetable td a:hover
{
    /*	border-bottom: 1px solid #ccc;*/
    text-decoration:underline;
    /*    background-color: skyblue; */

}

#offencetable a#namelink{
    color : #688CAF;
    text-decoration : none;
    /*    font-weight: bold;*/

}
#offencetable  a#namelink:hover{
    text-decoration : underline;
}


#offencetable input {

    /*  padding: 5px;
    width: 360px;
    font-family: Helvetica, sans-serif;
    font-size: 11px;
    margin: 0px 0px 10px 0px;
    border: 2px solid #ccc;
    float: left;
    color: #333333;
    color:gray;
    font-weight: bold;*/

  /*  display: b;  */
  font-family: "Helvetica Neue", Arial, sans-serif;  
  border-style: solid;  
  border-width: 1px;  
  border-color: #dedede;  
  margin: 0px 0px 10px 0px;
  font-size: 11px;  
/*  padding: 5px 3px;  */
  padding-left: 5px;  
  float: left;
  color: #777;  
  padding: 4px;
/*  width: 360px;*/
    
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;  
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;  
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;   
    
  transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
  -webkit-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
  -moz-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;  
  -o-transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; 

}


.reasoncode-text {
	color: #009900 ; 
	font-weight: bold
}

.red-text {
   color: #ff0000;
}

.enrol-text-color {
	color: #1c94c4;
}

.process-text-color {
	color: #1c94c4;
	
}

.profile-1 {
	font-size: 13px; 
	color: rgb(111, 111, 111) ; 
	font-weight: bold ; 
	text-decoration:  underline
}

.profile-2 {
	font-size: 13px; 
	color: red ; 
	padding :10px 10px 10px 0px
}

.profile-3 {
	color: rgb(153, 153, 153) ; 
	font-weight:bold
}

.profile-4 {
	color: rgb(153, 153, 153) ; 
	font-weight:bold
}

.profile-5 {
	font-size: 10px
}

/* Apply custom height to the textarea */
.custom-height-textarea {
    width: 600px;
    height: 150px; /* Set the desired height here */
    background-color: #f2f2f2;
    resize: none; /* Optionally, to prevent resizing */
    padding: 10px; /* Optionally, to add some padding */
}



#tooltip {
    width: 600px;
    height: 200px; /* Set the desired height here */
    background-color: #f2f2f2;
    resize: none; /* Optionally, to prevent resizing */
    padding: 0px; /* Optionally, to add some padding */
}

#announcement {
    width: 600px;
    height: 100px; /* Set the desired height here */
    background-color: #faf5ba;
    resize: none; /* Optionally, to prevent resizing */
    padding: 0px; /* Optionally, to add some padding */
}



#reason {
    width: 600px;
    height: 50px; /* Set the desired height here */
    background-color: #f2f2f2;
    resize: none; /* Optionally, to prevent resizing */
    padding: 0px; /* Optionally, to add some padding */
}

#planleavetooltip {
    width: 600px;
    height: 150px; /* Set the desired height here */
    background-color: #f2f2f2;
    resize: none; /* Optionally, to prevent resizing */
    padding: 0px; /* Optionally, to add some padding */
}

.highlighted-cell-block {
    background-color: lightgray; /* Change the background color to light gray */
}

.highlighted-cell-full {
    background-color: red; /* Change the background color to red */
}

.highlighted-cell-partial {
    background-color: lightgreen; /* Change the background color to light gray */
}

.highlighted-cell-available {
    background-color: white; /* Change the background color to light gray */
}

.highlighted-cell-totalhour {
	background-color: #eada15;	
}	

.highlighted-cell-sumtotalhour {
	background-color: #CCE4B9;	
}	


.highlighted-cell-NA {
	background-color: #b5e8fc;	
	
}

.highlighted-cell-header {
	background-color: #d3d3d3;	
	
}


.blockleavetip {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.cancel-button {
   width:  60px;
   height: 20px; /* Set the height as needed */
   background-color: #dcf563; /* Set text color for better visibility */
   border: none; /* Remove default button border */
}

.cancel-button-disable {
   width:  60px;
   height: 20px; /* Set the height as needed */
   background-color: lightgrey; /* Set text color for better visibility */
   border: none; /* Remove default button border */
}


.edit-button {
   width:  60px;
   height: 20px; /* Set the height as needed */
   background-color: #dcf563; /* Set text color for better visibility */
   border: none; /* Remove default button border */
}

.edit-button-disable {
   width:  60px;
   height: 20px; /* Set the height as needed */
   background-color: lightgrey; /* Set text color for better visibility */
   border: none; /* Remove default button border */
}


.save-button {
   width:  60px;
   height: 20px; /* Set the height as needed */
   background-color:  #dcf563; /* Set text color for better visibility */
   border: none; /* Remove default button border */
	
}

.detail-button {
   width:  65px;
   height: 20px; /* Set the height as needed */
   background-color: #dcf563; /* Set text color for better visibility */
   border: none; /* Remove default button border */
}

.detailimg-button {
  width: 30px; /* Set the width of the button */
  height: 30px; /* Set the height of the button */
  background: url('/images/detail.png') no-repeat center center; /* Specify the image URL and set background properties */
  background-size: 100% 100%;
  border: none; /* Remove button border if desired */
  cursor: pointer; /* Add a pointer cursor to indicate interactivity */
}

.timesheet-button {
  width: 30px; /* Set the width of the button */
  height: 30px; /* Set the height of the button */
  background: url('/images/timesheet.png') no-repeat center center; /* Specify the image URL and set background properties */
  background-size: 100% 100%;
  border: none; /* Remove button border if desired */
  cursor: pointer; /* Add a pointer cursor to indicate interactivity */
}

.timesheet-button-disable {
  width: 30px; /* Set the width of the button */
  height: 30px; /* Set the height of the button */
  background: url('/images/timesheet_disable.png') no-repeat center center; /* Specify the image URL and set background properties */
  background-size: 100% 100%;
  border: none; /* Remove button border if desired */
  cursor: pointer; /* Add a pointer cursor to indicate interactivity */
}


.checkin-button {
  width: 30px; /* Set the width of the button */
  height: 30px; /* Set the height of the button */
  background: url('/images/check.png') no-repeat center center; /* Specify the image URL and set background properties */
  background-size: 100% 100%;
  border: none; /* Remove button border if desired */
  cursor: pointer; /* Add a pointer cursor to indicate interactivity */
}

.checkin-button-disable {
  width: 30px; /* Set the width of the button */
  height: 30px; /* Set the height of the button */
  background: url('/images/check_disable.png') no-repeat center center; /* Specify the image URL and set background properties */
  background-size: 100% 100%;
  border: none; /* Remove button border if desired */
  cursor: pointer; /* Add a pointer cursor to indicate interactivity */
}

.modify-button {
  width: 30px; /* Set the width of the button */
  height: 30px; /* Set the height of the button */
  background: url('/images/edit-button.png') no-repeat center center; /* Specify the image URL and set background properties */
  background-size: 100% 100%;
  border: none; /* Remove button border if desired */
  cursor: pointer; /* Add a pointer cursor to indicate interactivity */
}


.center-text {
   text-align: center;
}

.bold-label {
            font-weight: bold;
        }