/* 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,
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;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



body {
	font-size: 10pt;
	font-family: Adobe Arabic, Arial, sans-serif;
	margin: 0;
	padding: 0;
}
 
 #main { 
	
	height:100%;
	width:100%;
	margin: 0;
	padding:0;
}

#heading{
width:500px;
margin-right:auto;
margin-left:auto;
}

#slider{
width: 200px;
margin-right: auto;
margin-left: auto;

}
#carousel {
    overflow: hidden;
	visibility: invisible;
}

.image_carousel {
    padding: 10px 40px;
	width: 1300px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	margin-top:25px;
    position: relative;
	
	
}
.full_width .image_carousel {
    padding: 15px 0;
    width: 96%;
    left: 2%;
    position: absolute;
    background: none;
}
.full_width .caroufredsel_wrapper {
   
    background-color: white;
}
.full_width .caroufredsel_wrapper img {
    margin-top: 12px;
    margin-bottom: 12px;
}
.image_carousel .caroufredsel_wrapper a {
    display: block;
    float: left;
}
.image_carousel img {
   
   
}
.image_carousel .slide {
height: 260px;
   height: 260px;
    margin: 7px;
    display: block;
    float: left;
}

div.clearfix {
	float: none;
	clear: both;
}
.list_carousel {
    padding: 15px 40px;
    position: relative;
}
.list_carousel ol, .list_carousel ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
.list_carousel li {
    font-size: 30px;
    color: #666;
    text-align: center;
    background-color: #f0f0f0;
    border: 5px solid #ccc;
    width: 50px;
    height: 50px;
    padding: 0;
    margin: 6px;
    display: block;
    float: left;
}

.html_carousel {
    padding: 25px 40px;
    position: relative;
}
.html_carousel div.slide {
    width: 870px;
    height: 400px;
    position: relative;
}
div.slide div {
	width: 240px;
	text-align: center;
	padding-top: 5px;	
	
}

.wheel_of_fortune {
    height: 350px;
    position: relative;
}
.wheel_of_fortune ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    position: absolute;
}
.wheel_of_fortune li {
    font-size: 31px;
    color: black;
    text-align: center;
    background-color: #ffffdd;
    border: 5px solid black;
    width: 48px;
    height: 55px;
    padding: 0;
    margin: 0;
    display: block;
    float: left;
}
.wheel_of_fortune li.no_txt {
    background: url(../examples/images/wheel_of_fortune.jpg) center center no-repeat #333;
}


#placeholder .html_carousel div.slide h4 {
    color: white;
    font-size: 35px;
    padding: 30px 0 0 100px;
    margin: 0;
    text-shadow: none;
}
 div.slide p {
    color: white;
    font-size: 16px;
    padding: 5;
    margin: 0;
}

.transparent p.view_scripts {
    margin: 0;
    padding: 10px 0 10px 25px;
    position: relative;
}
.transparent.full_width p.view_scripts {
    padding-top: 215px;
}
.transparent p.view_scripts a {
    text-decoration: none;
    color: #999;
    font-weight: bold;
    padding-left: 20px;
}
.transparent p.view_scripts a:hover, .transparent p.view_scripts a.selected {
    color: #333;
}
a.prev, a.next, a.play, a.pause {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
}

a.prev, a.next{
padding: 5px ;
}
a.prev, a.next {
    
	
    
}
.list_carousel a.prev, .list_carousel a.next {
    top: 50px;
}

a.play, a.pause {
	top: 300px; margin-left: -22px;left: 50%;
   
    
    
    z-index: 200;
}
a.next {
	  top: 300px; margin-left: -22px;left: 55%;padding: 2px ;
    
}
a.prev {
	  top: 300px; margin-left: -22px;left: 45%;padding: 2px ;
    
}
a.prev:hover {       }
a.prev.disabled {   !important; cursor: default; }
a.next {             }
a.next:hover {       }
a.next.disabled {   !important; cursor: default; }
a.play {             }
a.play:hover {      }
a.play.disabled {   !important; cursor: default; }
a.pause {           }
a.pause:hover {      }
a.pause.disabled {  !important; cursor: default; }

a.prev span, a.next span, a.play span, a.pause span {
    
}

div.pagination {
margin-top: 5px;
    padding: 10px 10px 0 0;
    text-align: center;
    height: 15px;
}
div.pagination a {
   
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    display: inline-block;
}
div.pagination a.selected {
    
    cursor: default;
}
div.pagination a span {
   
}
.timer {
    background-color: #9E1F63;
    width: 0;
    height: 10px;
}

div.logbox {
    background-color: #f9ffcc;
    border: 1px dotted #ff3300;
    padding: 10px 20px;
    margin: 10px 8px 0 6px;
}
div.logbox p {
    color: #ff3300;
    margin: 0;
}

div.timer {
    background-color: #9E1F63;
    width: 0;
    height: 6px;
}

div.thumbnails {
    margin: 10px 0 -10px 0;
    text-align: center;
}
div.thumbnails img {
    cursor: pointer;
    border: 1px solid #ccc;
    background-color: white;
    padding: 9px;
    margin: 7px;
    display: inline-block;
}
div.thumbnails img:hover {
    background-color: #eee;
}
div.thumbnails img.selected {
    background-color: #ccc;
}

.scripts {
    position: relative;
}
.scripts .script {
    width: 950px;
    display: none;
}

#loaderIcon {
left: 50%;
position: absolute;
top: 30%;
}
#help{
width: 500px;margin-top: 60px;margin-right: auto;margin-bottom: 0;margin-left: auto; display:none; padding:10px; -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    -webkit-box-shadow: 0 5px 8px hsla(0,0%,0%,.2);
       -moz-box-shadow: 0 5px 8px hsla(0,0%,0%,.2);
            box-shadow: 0 5px 8px hsla(0,0%,0%,.2);
}
 #show_search{
 width: 20px;
    height: 20px;
  display: block;
    position: absolute;
left: 35px;
	  bottom: -50px;
 }
 #show_search_close{
 width: 20px;
    height: 20px;
  display: block;
   float:right;
 }
 
  #info {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
left: 15px;
	  bottom: -50px;
    
}
.social {
    width: 300px;
    position: absolute;
left: 50%;
    margin-left: -150px;
	  bottom: -50px;
    
}

 

h3 {
	font-size: 115%;
	text-align: center;
	margin: 5px;
}


.pause {
	background-color: transparent;
	height: 32px;
	width: 32px;
	padding: 2px;
}

.play {
	padding: 2px;
	height: 32px;
	width: 32px;
	background-color: transparent;
	text-decoration: none;
}
#actionButtons {
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 50px;
}
img
{  border-style: none;
}



	
	 /* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 




/* ----------------------------------------------
-- GLOBAL STYLES FOR ALL BORDERS
---------------------------------------------- */

.border {
	/* general */
	border:1px solid #cccccc;
	padding:3px;
	
	/* curved corners */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px; /* standard version at last */
	/* drop shadows. */
	
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.45), 0px 1px 2px rgba(0,0,0,0.2); /* standard version at last */
}
/* ----------------------------------------------
-- CUSTOM BORDER
---------------------------------------------- */

.border.custom {
	/* general */
	border-color: #cccccc;
	
	/* BACKGROUND COLOR */
	background-color: #ffffff; /* FOR IE */
	background-color: rgba(255,255,255,0.4);
	
}
/* ----------------------------------------------
-- SILVER BORDER
---------------------------------------------- */

.border.silver {
	/* general */
	border-color: #fff;
	
	/* background color (for non css3 browsers) and gradient */
	background-color: #dfdfdf;
	background: -moz-linear-gradient(top,
		#fff,
		#dfdfdf 50%,
		#cecece
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#fff),
		color-stop(0.5, #dfdfdf),
		to(#cecece)
	);
	
	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#FFFFFF', EndColorStr='#CECECE');

}

/* ----------------------------------------------
-- CARBON BORDER
---------------------------------------------- */

.border.carbon {
	/* general */
	border-color: #000;

	/* background color (for non css3 browsers) and gradient */
	background-color: #2d2d2d;
	background: -moz-linear-gradient(top,
		#404040,
		#2d2d2d 50%,
		#000
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#404040),
		color-stop(0.5, #2d2d2d),
		to(#000)
	);

	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#404040', EndColorStr='#000000');
}

/* ----------------------------------------------
-- CHROME BORDER
---------------------------------------------- */

.border.chrome {
	/* general */
	border-color: #f6f9fa;
	
	/* background color (for non css3 browsers) and gradient */
	background-color: #d9e9ed;
	background: -moz-linear-gradient(top,
		#e6f0f3,
		#d9e9ed 50%,
		#b9d3db
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#e6f0f3),
		color-stop(0.5, #d9e9ed),
		to(#b9d3db)
	);
	
	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#E6F0F3', EndColorStr='#B9D3DB');
}

/* ----------------------------------------------
-- GOLD BORDER
---------------------------------------------- */

.border.gold {
	/* general */
	border-color: #fcf9f5;

	background-color: #f1e7c6;
	background: -moz-linear-gradient(top,
		#f3eed9,
		#f1e7c6 50%,
		#dbc7a7
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#f3eed9),
		color-stop(0.5, #f1e7c6),
		to(#dbc7a7)
	);

	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#F3EED9', EndColorStr='#DBC7A7');
}

/* ----------------------------------------------
-- TRANSPARENT WHITE BORDER
---------------------------------------------- */

.border.trans_white {
	/* general */
	border-color: #fff;
	
	/* BACKGROUND COLOR */
	background-color: rgba(255,255,255,0.4);
	/background-color: #fff; /* FOR IE */
}

/* ----------------------------------------------
-- TRANSPARENT BLACK BORDER
---------------------------------------------- */

.border.trans_black {
	/* general */
	border-color: #000;
	
	/* BACKGROUND COLOR */
	background-color: rgba(0,0,0,0.45);
	/background-color: #000; /* FOR IE */
}


/* ----------------------------------------------
-- SILVER GLOSS BORDER
---------------------------------------------- */

.border.silver_gloss {
	/* general */
	border-color: #fff;

	/* background color (for non css3 browsers) and gradient */
	background-color: #dfdfdf;
	background: -moz-linear-gradient(top,
		#fff,
		#e4e4e4 49.9%,
		#cdcdcd 50%,
		#c4c4c4
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#fff),
		color-stop(0.49, #e4e4e4),
		color-stop(0.5, #cdcdcd),
		to(#c4c4c4)
	);
	
	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#FFFFFF', EndColorStr='#CECECE');
}

/* ----------------------------------------------
-- CARBON GLOSS BORDER
---------------------------------------------- */

.border.carbon_gloss {
	/* general */
	border-color: #000;

	/* background color (for non css3 browsers) and gradient */
	background-color: #2d2d2d;
	background: -moz-linear-gradient(top,
		#585858,
		#4d4d4d 49.9%,
		#2c2c2c 50%,
		#000
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#585858),
		color-stop(0.49, #4d4d4d),
		color-stop(0.5, #2c2c2c),
		to(#000)
	);
	
	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#404040', EndColorStr='#000000');
}

/* ----------------------------------------------
-- CHROME GLOSS BORDER
---------------------------------------------- */

.border.chrome_gloss {
	/* general */
	border-color: #f6f9fa;

	/* background color (for non css3 browsers) and gradient */
	background-color: #d9e9ed;
	background: -moz-linear-gradient(top,
		#e6f0f3,
		#d9e9ed 49.9%,
		#b9d3db 50%,
		#ccdce1
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#e6f0f3),
		color-stop(0.49, #d9e9ed),
		color-stop(0.5, #b9d3db),
		to(#ccdce1)
	);
	
	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#E6F0F3', EndColorStr='#B9D3DB');
}

/* ----------------------------------------------
-- GOLD GLOSS BORDER
---------------------------------------------- */

.border.gold_gloss {
	/* general */
	border-color: #fcf9f5;

	/* background color (for non css3 browsers) and gradient */
	background-color: #f1e7c6;
	background: -moz-linear-gradient(top,
		#f3eed9,
		#f1e7c6 49.9%,
		#dbc7a7 50%,
		#e8d5b8
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(#f3eed9),
		color-stop(0.49, #f1e7c6),
		color-stop(0.5, #dbc7a7),
		to(#e8d5b8)
	);	
	
	/* linear gradient for IE 5.5+ */
	filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr='#F3EED9', EndColorStr='#DBC7A7');
}

/* ----------------------------------------------
-- TRANSPARENT WHITE GLOSS BORDER
---------------------------------------------- */

.border.trans_white_gloss {
	/* general */
	border-color: #fff;
	
	/* background color (for non css3 browsers) and gradient */
	background-color: rgba(255,255,255,0.5);
	background: -moz-linear-gradient(top,
		rgba(255,255,255,0.65),
		rgba(255,255,255,0.55) 49.9%,
		rgba(255,255,255,0.3) 50%,
		rgba(255,255,255,0.45)
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(rgba(255,255,255,0.65)),
		color-stop(0.49, rgba(255,255,255,0.5)),
		color-stop(0.5, rgba(255,255,255,0.3)),
		to(rgba(255,255,255,0.45))
	);
	/background-color: #fff; /* FOE IE */
}

/* ----------------------------------------------
-- TRANSPARENT BLACK GLOSS BORDER
---------------------------------------------- */

.border.trans_black_gloss {
	/* general */
	border-color: #000;
	
	/* background color (for non css3 browsers) and gradient */
	background-color: rgba(0,0,0,0.5);
	background: -moz-linear-gradient(top,
		rgba(0,0,0,0.75),
		rgba(0,0,0,0.6) 49.9%,
		rgba(0,0,0,0.35) 50%,
		rgba(0,0,0,0.45)
	);
	background: -webkit-gradient(linear, left top, left bottom,
		from(rgba(0,0,0,0.75)),
		color-stop(0.49, rgba(0,0,0,0.6)),
		color-stop(0.5, rgba(0,0,0,0.35)),
		to(rgba(0,0,0,0.45))
	);
	/background-color: #000; /* FOE IE */
}
/* Breadcrumb Styles
 ---------------------------------------------------------------------*/

.breadCrumb
{
	padding: 0;
	display: block;
	height: 21px;
	overflow: hidden;
	width: 400px;
	padding:5px;
	background:transparent;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.breadCrumb ul
{
	margin: 0;
	padding: 0;
	height: 21px;
	display: block;
}
.breadCrumb ul li
{
	display: block;
	position: relative;
	height: 21px;
	overflow: hidden;
	line-height: 21px;
	margin: 0px 6px 0px 0;
	padding: 0px 10px 0px 0;
	font-size: 0.9167em;
	background: url(css/Chevron.gif) no-repeat 100% 0;
	float: left;
}
.breadCrumb ul li div.chevronOverlay
{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.breadCrumb ul li span
{
	display: block;
	overflow: hidden;
}
.breadCrumb ul li a
{
	display: block;
	position: relative;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
	float: left;
	color: #000000;
}
.breadCrumb ul li.first a
{
	height: 16px !important;
	text-indent:-1000em;
	width:16px;
	padding: 0;
	margin-top: 2px;
	overflow: hidden;
	background:url(css/IconHome.gif) no-repeat 0 0;
}
.breadCrumb ul li.first a:hover
{
	background-position: 0 -16px;
}
.breadCrumb ul li.last
{
	background: none;
	margin-right: 0;
	padding-right: 0;
}
.chevronOverlay
{
	display: none;
	background: url(css/ChevronOverlay.png) no-repeat 100% 0;
	width: 13px;
	height: 20px;
}
/*
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version: 2.0.0pre
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Sun Jun 26 14:03:44 2011 +0100
*/

/* Core qTip styles */
.ui-tooltip, .qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 240px;
	min-width: 80px;
	
	font-size: 10.5px;
	line-height: 12px;

	z-index: 15000;
}

	/* Fluid class for determining actual width in IE */
	.ui-tooltip-fluid{
		display: block;
		visibility: hidden;
		position: static !important;
		float: left !important;
	}

	.ui-tooltip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;
		
		border-width: 1px;
		border-style: solid;
		
		text-align: center;
		word-wrap: break-word;
		overflow: hidden;
	}

	.ui-tooltip-titlebar{
		position: relative;
		min-height: 14px;
		padding: 5px 35px 5px 10px;
		overflow: hidden;
		
		border-width: 1px 1px 0;
		border-style: solid;

		font-weight: bold;
	}

	.ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }

		/*! Default close button class */
		.ui-tooltip-titlebar .ui-state-default{
			position: absolute;
			right: 4px;
			top: 50%;
			margin-top: -9px;

			cursor: pointer;
			outline: medium none;

			border-width: 1px;
			border-style: solid;
		}
		
		* html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */

		.ui-tooltip-titlebar .ui-icon,
		.ui-tooltip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
		}

		.ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}

			.ui-tooltip-icon .ui-icon{
				width: 18px;
				height: 14px;

				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus{

}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover{
	
}


/*! Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content{
	border-color: #F1D031;
	background-color: #FFFFA3;
	color: #555;
}

	.ui-tooltip-default .ui-tooltip-titlebar{
		background-color: #FFEF93;
	}

	.ui-tooltip-default .ui-tooltip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}
	
	.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{
		border-color: #AAA;
		color: #111;
	}

/* Tips plugin */
.ui-tooltip .ui-tooltip-tip{
	margin: 0 auto;
	overflow: hidden;

	background: transparent !important;
	border: 0px dashed transparent !important;
	z-index: 10;
}

	.ui-tooltip .ui-tooltip-tip,
	.ui-tooltip .ui-tooltip-tip *{
		position: absolute;
		
		line-height: 0.1px !important;
		font-size: 0.1px !important;
		color: #123456;

		background: transparent;
		border: 0px dashed transparent;
	}
	
	.ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }


/* Modal plugin */
#qtip-overlay{
	position: fixed;
	left: -10000em;
	top: -10000em;
}

	/* Applied to modals with show.modal.blur set to true */
	#qtip-overlay.blurs{ cursor: pointer; }

	/* Change opacity of overlay here */
	#qtip-overlay div{
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;

		background-color: black;

		opacity: 0.7;
		filter:alpha(opacity=70);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}


/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
.ui-tooltip-shadow{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

	.ui-tooltip-shadow .ui-tooltip-titlebar,
	.ui-tooltip-shadow .ui-tooltip-content{
		filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3);
		-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)";

		_margin-bottom: -3px; /* IE6 */
		.margin-bottom: -3px; /* IE7 */
	}


/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded,
.ui-tooltip-rounded .ui-tooltip-content,
.ui-tooltip-tipsy,
.ui-tooltip-tipsy .ui-tooltip-content,
.ui-tooltip-youtube,
.ui-tooltip-youtube .ui-tooltip-content{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.ui-tooltip-rounded .ui-tooltip-titlebar,
.ui-tooltip-tipsy .ui-tooltip-titlebar,
.ui-tooltip-youtube .ui-tooltip-titlebar{
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content{
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{
	filter: none;
	-ms-filter: none;
}	

.addthis_toolbox.atfixed {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 32px;
}
#project-id{
font-size:11px;	
}
#project-label {
font-size:11px;
		display: inline;
		font-weight: normal;
		margin-bottom: .1em;
		
	}
	#project-icon {
	padding:2px;
		float: left;
		height: 20px;
		width: 20px;
		margin-bottom: .1em;
		margin-right: .2em;
	}
	#project-description {
		margin: 0;
		padding: 3;
	}

	.ui-autocomplete {
		font-size:11px;
		max-height: 150px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar */
		padding-right: 20px;
	}
	/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
	* html .ui-autocomplete {
		height: 150px;
	}

#project1 {
	width:250px;
	height:25px;
	padding:5px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 80px;

}
#log {
	width:225px;
	overflow: auto;
	padding-right:5px;
	padding-left:5px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	text-align:left;
	
}
#log a{
margin:3px;}

.text{
font-size:10px;	
text-align:center;
padding:3px;
margin-top:3px;
margin-bottom:3px;
}

.border {
  display: inline;
  padding: 2px;
  line-height: 1;
  border: 1px solid #ddd;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
}
.border:hover {
 
  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
  box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
}

.credit{position:fixed;left:11px;bottom:5px;z-index:6;font-size:11px;opacity:.0; padding:8px; }.credit a{text-decoration:none; font-weight:normal;}.credit a:hover{opacity:.8; font-weight:normal; text-decoration:underline;}