/* ------------------
 styling for the tables   original body font size: 17px  original table body color #444
   ------------------   */


body
{
	line-height: 1.5em;
	font-family:'Calibri';
	font-size: 18px;
	padding-left: 25px;
	padding-right: 25px;
}
	
a:link { color: #000;}
a:visited { color: #000;}
a:hover { color: #888;}


/*
Begin Form Fields
*/

input.search {
    background: url('../images/search_icon.gif') no-repeat scroll right center #FFFFFF;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    color: #000;
    float: left;
    padding: 5px 27px 5px 10px;
    width: 165px;
    height: 20px;
    outline: none;
    font-size: 80%;

}



input.globalsearch {
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    color: #000;
    float: left;
    padding: 5px 27px 5px 10px;
    width: 300px;
    height: 20px;
    outline: none;
    font-size: 80%;

}


input.field {
    background: #FFFFFF;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    font-size: 90%;
    color: #000;
    float: left;
    padding: 5px 10px 5px 10px;
    width: 300px;
    height: 15px;
    outline: none;
}



input.compulsary {
    background: #FFF;
    border: 1px solid red;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    font-size: 90%;
    color: #000;
    float: left;
    padding: 5px 10px 5px 10px;
    width: 300px;
    height: 15px;
    outline: none;
}


input.formula {
    background: #FFF;
    border: 1px solid blue;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    font-size: 90%;
    color: #000;
    float: left;
    padding: 5px 10px 5px 10px;
    width: 300px;
    height: 15px;
    outline: none;
}


input.field:focus {
	box-shadow: 0 0 5px #336699; 
	border: 1px solid #336699;
}

input.compulsary:focus {
	box-shadow: 0 0 5px #336699; 
	border: 1px solid #336699;
}


input.formula:focus {
	box-shadow: 0 0 5px #336699; 
	border: 1px solid #336699;
}



textarea {
    background: #FFFFFF;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    font-size: 90%;
    color: #000;
    float: left;
    padding: 5px 10px 5px 10px;
    width: 300px;
    height: 100px;
    outline: none;
}

.textarea-compulsary {
    background: #FFFFFF;
    border: 1px solid red;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    font-size: 90%;
    color: #000;
    float: left;
    padding: 5px 10px 5px 10px;
    width: 300px;
    height: 100px;
    outline: none;
}

.textarea-on {
    background: #FFFFFF;
    border: 1px solid orange;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    font-size: 90%;
    color: #000;
    float: left;
    padding: 5px 10px 5px 10px;
    width: 300px;
    height: 100px;
    outline: none;
}

textarea.activity {
    background: #FFFFFF;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    font-size: 14px;
    color: #000;
    font-family:'Calibri';
    float: left;
    padding: 5px 10px 5px 10px;
    outline: none;
    width: 850px;
    height: 200px;
}

textarea.activity-on {
    background: #FFFFFF;
    border: 1px solid orange;
    border-radius: 5px;
    box-shadow: 0 0 5px orange;
    font-size: 14px;
    color: #000;
    font-family:'Calibri';
    float: left;
    padding: 5px 10px 5px 10px;
    outline: none;
    width: 850px;
    height: 200px;
}


textarea.sig {
    background: #FFFFFF;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px #fff;
    font-size: 90%;
    color: #000;
    float: left;
    padding: 5px 10px 5px 10px;
    width: 100px;
    height: 400px;
    outline: none;
    font-family:'Calibri';
    text-align: right;
    overflow: hidden;
}

textarea.sigarea {
    background: #FFFFFF;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    font-size: 90%;
    color: #000;
    float: left;
    padding: 5px 10px 5px 10px;
    width: 400px;
    height: 300px;
    outline: none;
    font-family:'Calibri';
    overflow: hidden;
}


textarea.send {
    background: #FFFFFF;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px #fff;
    font-size: 14px;
    color: #000;
    float: left;
    padding: 5px 10px 5px 10px;
    width: 700px;
    height: 100px;
    outline: none;
    font-family:'Calibri';
    text-align: left;
    overflow: hidden;
}



.styled-select {
   height: 20px;
   width: 316px;
   overflow: hidden;
   background: #fff;
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;   
    padding: 2px;
    }

.styled-select-on {
   height: 20px;
   width: 316px;
   overflow: hidden;
   background: #fff;
    border: 1px solid orange;
    border-radius: 5px;
    box-shadow: 0 0 5px orange;   
    padding: 2px;
    }



.search-select {
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    color: #000;
    float: left;
    padding: 1px 5px 7px 10px;
    width: 165px;
    height: 20px;
    outline: none;
    
    }


.search-select-nb {
    border: 1px solid #DDD;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    color: #000;
    padding: 1px 5px 7px 10px;
    width: 165px;
    height: 20px;
    outline: none;
    white-space: nowrap;
    }




.compulsary-select {
   height: 20px;
   width: 316px;
   overflow: hidden;
   background: #fff;
    border: 1px solid red;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;   
    padding: 2px;
    }




.styled-select select {
   background: transparent;
   padding: 2px;
   font-size: 90%;
   color: #000;
   line-height: 1;
   border: 0;
   border-radius: 0;
   width: 316px;
   height: 20px;
   outline:none;
   }



.search-select select {
   background: transparent;
   padding: 2px;
   font-size: 80%;
   color: #000;
   line-height: 1;
   border: 0;
   border-radius: 0;
   width: 165px;
   height: 25px;
   outline:none;
   }



.search-select-nb select {
   background: transparent;
   padding: 2px;
   font-size: 80%;
   color: #000;
   line-height: 1;
   border: 0;
   border-radius: 0;
   width: 165px;
   height: 25px;
   outline:none;
   }


.compulsary-select select {
   background: transparent;
   padding: 2px;
   font-size: 90%;
   color: #000;
   line-height: 1;
   border: 0;
   border-radius: 0;
   width: 316px;
   height: 20px;
   outline:none;
   }


.styled-select-on select {
   background: transparent;
   padding: 2px;
   font-size: 90%;
   color: #000;
   line-height: 1;
   border: 0;
   border-radius: 0;
   width: 316px;
   height: 20px;
   outline:none;
   }

	

/*
Begin tables
*/

#gradient-style-full
{
	font-family:'Calibri';
	font-size: 13px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	padding-right:20px;
}

#gradient-style-full tr
{

	border-right: 0px solid #000;
	border-left: 0px solid #000;
	
}




#gradient-style-full th
{
	font-size: 13px;
	font-weight: normal;
	padding: 4px;
	background: #444 ;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #000;
	color: #fff;
	text-align:left;
}



#gradient-style-full th.orange
{
	font-size: 13px;
	font-weight: normal;
	padding: 4px;
	background: orange ;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #000;
	color: #fff;
	text-align:left;
}


#gradient-style-full th.purple
{
	font-size: 13px;
	font-weight: normal;
	padding: 4px;
	background: purple ;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #000;
	color: #fff;
	text-align:left;
}



#gradient-style-full td
{
	padding: 4px; 
	border-bottom: 0px solid #000;
	color: #000;
	border-top: 1px solid #000;
	background: #F5F5F5 ;
}


#gradient-style-full td.pink
{
	padding: 4px; 
	border-bottom: 0px solid #000;
	color: #000;
	border-top: 1px solid #000;
	background: pink ;
}

#gradient-style-full td.orange
{
	padding: 4px; 
	border-bottom: 0px solid #000;
	color: #000;
	border-top: 1px solid #000;
	background: orange ;
}

#gradient-style-full td.purple
{
	padding: 4px; 
	border-bottom: 0px solid #000;
	color: #000;
	border-top: 1px solid #000;
	background: purple ;
}



#gradient-style-full td.appear
{
	padding: 4px; 
	border-bottom: 1px solid #000;
	color: #000;
	border-top: 0px solid #000;
	background: #F5F5F5;
}

#gradient-style-full td.notes
{
	padding: 2px; 
	border-bottom: 1px solid #000;
	color: #000;
	border-top: 1px solid #000;
	background: #F5F5F5 ;
	line-height: 1.0em;
}

#gradient-style-full td.notes:hover
{
	padding: 2px; 
	border-bottom: 1px solid #000;
	color: #000;
	border-top: 1px solid #000;
	background: #F5F5F5 ;
	line-height: 1.0em;
}


#gradient-style-full td.save
{
	padding: 4px; 
	border-bottom: 1px solid #000;
	color: #000;
	border-top: 1px solid #000;
	background: #444 ;
}

#gradient-style-full td.save:hover
{
	padding: 4px; 
	border-bottom: 1px solid #000;
	color: #000;
	border-top: 1px solid #000;
	background: #444 ;
}



#gradient-style-full td.checkbox
{
	padding: 2px; 
	border-bottom: 1px solid #000;
	color: #000;
	border-top: 1px solid #000;
	background: #F5F5F5 ;
}

#gradient-style-full td.checkbox:hover
{
	padding: 2px; 
	border-bottom: 1px solid #000;
	color: #000;
	border-top: 1px solid #000;
	background: #F5F5F5 ;
}



#gradient-style-full tfoot tr td
{
	background: #ddd;
	font-size: 13px;
	color: #000;
	border-bottom: 0px solid #000;
}
#gradient-style-full tbody tr:hover td
{
	background: #ddd;
	color: #000;
}




#gradient-grey table
{

/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */

}


/*
End tables
*/ 




/*
Detail Tables
*/

#blank-full
{
	font-family:'Calibri';
	font-size: 13px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	padding-right:20px;
}


#blank-full th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #444 ;
	border-top: 2px solid #ddd;
	border-bottom: 1px solid #000;
	color: #fff;
	text-align:left;
}
#blank-full td
{
	padding: 5px; 
	border-bottom: 1px solid #000;
	color: #000;
	border-top: 1px solid #000;
	border-right: 0px solid #000;
	border-left: 0px solid #000;
	background: #F5F5F5 ;
}

#blank-full td.notes
{
	padding: 5px; 
	border-bottom: 1px solid #000;
	color: #000;
	border-top: 1px solid #000;
	border-right: 0px solid #000;
	border-left: 0px solid #000;
	background: #F5F5F5 ;
	line-height: 1.1em;
}


#blank-full td.checkbox
{
	padding: 5px; 
	border-bottom: 1px solid #000;
	color: #000;
	border-top: 1px solid #000;
	border-right: 0px solid #000;
	border-left: 0px solid #000;
	background: #F5F5F5 ;
}



#blank-full tfoot tr td
{
	background: #ddd;
	font-size: 13px;
	color: #000;
}
#blank-full tbody tr:hover td
{
	background: #ddd;
	color: #000;
}


#blank-full ty
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #444 ;
	border-right: 1px solid #000;
	color: #fff;
}



/*
End Detail Tables
*/ 




/*
Begin static tables
*/

#static
{
	font-family:'Calibri';
	font-size: 13px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	padding-right:20px;
}

#static tr
{

	border-right: 0px solid #000;
	border-left: 0px solid #000;
}

#static th
{
	font-size: 13px;
	font-weight: normal;
	padding: 2px;
	background: #444 ;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #000;
	color: #fff;
	text-align:left;
}

#static td
{
	padding: 2px; 
	border-bottom: 1px solid #000;
	color: #000;
	border-top: 1px solid #000;
	background: #F5F5F5 ;
}


#static td.notes
{
	padding: 2px; 
	border-bottom: 1px solid #000;
	color: #000;
	border-top: 1px solid #000;
	background: #F5F5F5 ;
	line-height: 1.0em;
}

#static td.notes:hover
{
	padding: 2px; 
	border-bottom: 1px solid #000;
	color: #000;
	border-top: 1px solid #000;
	background: #F5F5F5 ;
	line-height: 1.0em;
}


#static td.save
{
	padding: 4px; 
	border-bottom: 1px solid #000;
	color: #000;
	border-top: 1px solid #000;
	background: #444 ;
}

#static td.save:hover
{
	padding: 4px; 
	border-bottom: 1px solid #000;
	color: #000;
	border-top: 1px solid #000;
	background: #444 ;
}



#static td.checkbox
{
	padding: 2px; 
	border-bottom: 1px solid #000;
	color: #000;
	border-top: 1px solid #000;
	background: #F5F5F5 ;
}

#static td.checkbox:hover
{
	padding: 2px; 
	border-bottom: 1px solid #000;
	color: #000;
	border-top: 1px solid #000;
	background: #F5F5F5 ;
}



#static tfoot tr td
{
	background: #ddd;
	font-size: 13px;
	color: #000;
	border-bottom: 0px solid #000;
}




/*
End static tables
*/ 




/*
Begin Searching and various
*/ 


#search_area

{
    border: 0px solid #DDD;
    border-radius: 5px;
    padding:10px;
    background-image: linear-gradient(to bottom, #fff, #fff);
    color: #666;
    float: right;

}

#options

{
    border: 0px solid #DDD;
    border-radius: 5px;
    padding:10px;
    background-image: linear-gradient(to bottom, #fff, #fff);
    color: #666;
    float: left;

}


.button
{
padding:2px;
display:inline;
    border: 1px solid #DDD;
    border-radius: 2px;
    background-image: linear-gradient(to bottom, #fff, #ddd);
    color: #666;
    padding: 2px 10px 2px 10px;
    outline: none;
    text-decoration: none;
    text-align:center;
    font-size: 13px;
}



.buttonGreen
{
padding:2px;
display:inline;
    border: 1px solid green;
    border-radius: 2px;
    background-image: linear-gradient(to bottom, #fff, #ddd);
    color: #666;
    padding: 2px 10px 2px 10px;
    outline: none;
    text-decoration: none;
    text-align:center;
    font-size: 13px;
}


.buttonBlue
{
padding:2px;
display:inline;
    border: 1px solid blue;
    border-radius: 2px;
    background-image: linear-gradient(to bottom, #fff, #ddd);
    color: #666;
    padding: 2px 10px 2px 10px;
    outline: none;
    text-decoration: none;
    text-align:center;
    font-size: 13px;
}


.buttonOrange
{
padding:2px;
display:inline;
    border: 1px solid orange;
    border-radius: 2px;
    background-image: linear-gradient(to bottom, #fff, #ddd);
    color: #666;
    padding: 2px 10px 2px 10px;
    outline: none;
    text-decoration: none;
    text-align:center;
    font-size: 13px;
}



.buttonDark
{
padding:2px;
display:inline;
    border: 1px solid #DDD;
    border-radius: 2px;
   /* background-image: linear-gradient(to bottom, #ddd, #444); */
    	background: #444;
    color: #fff;
    padding: 2px 10px 2px 10px;
    outline: none;
    text-decoration: none;
    text-align:center;
    font-size: 13px;
}


.buttonDark:hover
{
padding:2px;
display:inline;
    border: 1px solid #444;
    border-radius: 2px;
    /*background-image: linear-gradient(to bottom, #ddd, #444); */
        	background: #444;
    color: #fff;
    padding: 2px 10px 2px 10px;
    outline: none;
    text-decoration: none;
    text-align:center;
    font-size: 13px;
}


.buttonLight
{
padding:2px;
display:inline;
    border: 1px solid #ddd;
    border-radius: 2px;
  /*  background-image: linear-gradient(to bottom, #fff, #ddd); */
        	background: #ddd;
    color: #666;
    padding: 2px 10px 2px 10px;
    outline: none;
    text-decoration: none;
    text-align:center;
    font-size: 13px;
}


.buttonLight:hover
{
padding:2px;
display:inline;
    border: 1px solid #444;
    border-radius: 2px;
   /* background-image: linear-gradient(to bottom, #fff, #ddd); */
            	background: #ddd;
    color: #666;
    padding: 2px 10px 2px 10px;
    outline: none;
    text-decoration: none;
    text-align:center;
    font-size: 13px;
}




.button-small-old
{
display:inline;
    border: 1px solid #DDD;
    border-radius: 0px;
    background-image: linear-gradient(to bottom, #fff, #ddd);
        background: -webkit-linear-gradient(to bottom, #fff, #ddd);
    color: #666;
    padding: 0px 10px 0px 10px;
    outline: none;
    text-decoration: none;
    text-align:center;
    font-size: 95%;
}

.button-small
{
display:inline;
    border: 1px solid #DDD;
    border-radius: 0px;
    background: #fff ;
    color: #666;
    padding: 0px 10px 0px 10px;
    outline: none;
    text-decoration: none;
    text-align:center;
    font-size: 95%;
}


.button-space
{
display:inline;
    border: 1px solid #444;
    border-radius: 0px;
    background: #444 ;
    color: #444;
    padding: 0px 10px 0px 10px;
    outline: none;
    text-decoration: none;
    text-align:center;
    font-size: 95%;
}

.button-comp {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(to bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( to bottom, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:'Calibri';
    	font-size: 95%;
    	font-weight:normal;
	padding: 0px 10px 0px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.



.button-comp:active {
	position:relative;
	top:1px;
}

.button-norm {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(to bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( to bottom, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:'Calibri';
    	font-size: 13px;
    	font-weight:normal;
    	padding: 2px 10px 2px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}



.iframe-tab {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(to bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( to bottom, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border-top-right-radius: 10px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#000;
	font-family:'Calibri';
    	font-size: 13px;
    	font-weight:normal;
    	padding: 2px 30px 2px 30px;
	text-decoration:none;
}


.iframe-tab-on {
	-moz-box-shadow:inset 0px 1px 0px 0px #444;
	-webkit-box-shadow:inset 0px 1px 0px 0px #444;
	box-shadow:inset 0px 1px 0px 0px #444;
	background-color:#444;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border-top-right-radius: 10px;
	border:1px solid #444;
	display:inline-block;
	color:#fff;
	font-family:'Calibri';
    	font-size: 13px;
    	font-weight:bold;
    	padding: 2px 30px 2px 30px;
	text-decoration:none;
}






.button-tab {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(to bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( to bottom, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border-top-right-radius: 10px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#fff;
	font-family:'Calibri';
    	font-size: 13px;
    	font-weight:normal;
    	padding: 2px 30px 2px 30px;
	text-decoration:none;
}

.button-tab-on {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(to bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( to bottom, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border-top-right-radius: 10px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#fff;
	font-family:'Calibri';
    	font-size: 13px;
    	font-weight:bold;
    	padding: 2px 30px 2px 30px;
	text-decoration:none;
}




.button-norm:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */



#rotate {
color: #fff;

  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}


/*
FadeSave Style
*/ 


#picOne {
position:absolute;
z-index:5;
display: none;
padding: 10px;
color:  #000;
background-color:#FFE6EA;
    border: 2px solid #444;
    border-radius: 5px;

}

##picTwo {
position:absolute;
z-index:5;
display: none;
padding: 10px;
background-color:white;
    border: 1px solid #FFF;
    border-radius: 5px;

}



#pics {
position:fixed;
top:40%;
left:50%;
margin-left:(div width/2)
margin-top: (div height/2)
}


#picHome {
position:absolute;
z-index:5;
display: none;
padding: 10px;
color:  #000;
width: 400px;
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
background-color:#FFE6EA;
    border: 2px solid #444;
    border-radius: 5px;

}


#picHome:hover {
position:absolute;
z-index:5;
display: none;
padding: 10px;
color:  #000;
width: 1020px;
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
background-color:#FFE6EA;
    border: 2px solid #444;
    border-radius: 5px;

}



#Homepics {
position:fixed;
top:1%;
left:1%;
margin-left:(div width/2)
margin-top: (div height/2)
}




#picNav {
position:absolute;
z-index:5;
display: none;
padding: 10px;
color:  #000;
width: 300px;
height: 20px;
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
background-color:#FFE6EA;
    border: 2px solid #444;
    border-radius: 5px;

}


#picNav:hover {
position:absolute;
z-index:5;
display: none;
padding: 10px;
color:  #000;
width: 300px;
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
background-color:#FFE6EA;
    border: 2px solid #444;
    border-radius: 5px;

}



#Navpics {
position:fixed;
top:1%;
left:1%;
margin-left:(div width/2)
margin-top: (div height/2)
}




/*
End Searching and Various
*/