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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/*vertical-align: baseline;*/
}
/* remember to define focus styles! */
:focus { outline: 0; }
html { font-size:100%; overflow-y: scroll; }
body {
	background: #ffffff;
	color: #666;
	font-family: Trebuchet MS, Tahoma, Arial, Sans-Serif;
	font-size: 62.5%; /* 1em = 10px */
}
html, body, #Form1 { height: 100%; }
/*td { vertical-align: top; }*/

q {	quotes:"\201C""\201D""\2018""\2019"; }
strong,th,thead td,h1,h2,h3,h4,h5,h6,dt { font-weight:bold; }
cite,em,dfn { font-style:italic; }
code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea { font-size: 100%; font-family: mono-space,monospace; }
pre { white-space:pre; }
pre * { font-size:100%; white-space:pre; }
del { text-decoration: line-through; }
ins,dfn { border-bottom:1px solid black; }
small,sup,sub { font-size:85%; }
big { font-size:125%; line-height:80%; }
abbr,acronym { text-transform:uppercase; font-size:85%; letter-spacing:.1em; }
abbr[title],acronym[title],dfn[title] { cursor:help; border-bottom:1px dotted black; }
sup { vertical-align:super; }
sub { vertical-align:sub; }
blockquote { padding-left:2.2em; }

input,select,button { cursor:pointer; }
input[type='text'],input[type='password'] {	cursor:text; }
input[type='hidden'] { display:none; }

textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { outline: 2px solid #e4e4e4; border-color: #888; }

.clear {
	height: 0;
	font-size: 0;
	line-height: 0;
	clear: both;
}

.grey-box { position: relative; border: 1px solid #ddd; background-color: #f2f2f2; position: relative; }
.grey-box .wrapper { min-height: 50px; border: 1px solid #fff;  }


.grey-box .star-tl,
.grey-box .star-tr,
.grey-box .star-bl,
.grey-box .star-br {
	position: absolute;
	display: block;
	width: 15px;
	height: 15px;
	background-image: url(images/grey-box-star.gif);
	z-index: 2;
}

.grey-box .star-tl { top: -1px; left: -1px; background-position: bottom right; }
.grey-box .star-tr { top: -1px; right: -1px; background-position: bottom left; }
.grey-box .star-bl { bottom: -1px; left: -1px; background-position: top right; }
.grey-box .star-br { bottom: -1px; right: -1px; background-position: top left; }


.pushbutton {
	background: #5ab9e5;
	color: #fff !important;
	padding: 2px 5px;
	text-decoration: none;
	font-weight: normal !important;
}
.pushbutton:hover {
	background: #a7d800;
}

/*===== Page elements =====*/
.admin_tools {
	background: #ffffff;
	border-bottom: 1px solid #000000;
	width: 100%;
	z-index: 99;
}

.container,
.push,
#footer {
	height: 50px;
}
.container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	width: 100%;
}
#header,
.content-wrapper,
#footer,
#main-menu {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#footer {
	margin: 0 auto;
	margin-top: -51px;
	text-align: center;
	border-top: 1px solid #ebebeb;
}
.footer-text{
        font-size: 15px;
}
#footer .copyright{
	font-size: 14px;
}

.content-wrapper {
	margin-bottom: 30px;
}

#header {
	overflow: hidden;
}
#header a.logo {
	text-indent: -9999999px;
	float: left;
	width: 265px;
	height: 65px;
	background: url(images/logo.png) no-repeat center center;
}
#header .menu {
	float: right;
	padding: 5px 20px 0 0;
}
#header .menu li {
	height: 12px;
	margin-top: 10px;
}
#header .menu li a {
	position: relative;
	top: -2px;
	padding: 0 10px;
	text-transform: lowercase;
	font-size: 1.2em;
}
#header .menu li + li {
	border-left: 1px solid #999;
}

#header .menu .signout {
	display: none;
}

#main-menu {
	background: url(images/menu-bg.png) no-repeat top left;
	height: 40px;
}
#main-menu .google-search-form {
	float: right;
	margin: 0 15px 0 0;
	height: 40px;
	line-height: 40px;
}
#main-menu .google-search-form .search-query {
	font-size: 14px;
	width: 150px;
	background-color: #eee;
}
#main-menu .google-search-form .search-button {
	background: transparent;
	border: none;
	color: #666;
	cursor: pointer;
	padding: 2px 5px;
}
#main-menu .google-search-form .search-button:hover {
	background-color: #eee;
	color: #000;
	padding: 2px 5px;
}
#main-menu .menu {
	float: left;
	padding: 2px 0 0 20px;
}
#main-menu .menu li {
	border-left: 1px solid #ccc;
	border-right: 1px solid #f8f8f8;
}
#main-menu .menu li + li {
	border-left: none;
}
#main-menu .menu li a {
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
	color: #808080;
	font-size: 1.4em;
	text-transform: lowercase;
	border-left: 1px solid #f8f8f8;
	border-right: 1px solid #ccc;
}
#main-menu .menu li+li a {
	border-left: none;
}
#main-menu .menu li.active a,
#main-menu .menu li a:hover {
	color: #fff;
	background-color: #ccc;
}


/*
 _____________________________
		  Link styles
*/
a, a:link, a:visited {
	color: #5ab9e5;
}
a:hover, a:active {
	text-decoration: none;
	color: #ffbb66;
}

/*
 _____________________________
	   Content Layout
*/
/*
.contentpane {
	border: 1px dashed #eee;
}
.contentpane:hover {
	border: 1px dashed #ddd;
}
*/
.home .headlines,
.home .grey-box,
.home .latest {
	margin-top: 20px;
}
.home .headlines .contentpane {
	width: 49%;
	float: left;
}
.home .headlines .second-col {
	float: right;
}

.home .latest .contentpane,
.home .grey-box .contentpane {
	width: 23%;
	float: left;
	margin-left: 10px;
	padding: 10px 3px;
}
.home .grey-box .contentpane { margin: 10px 0px 0 10px; }

.home .latest {
}

.inner {}
.inner .sidebar {
	width: 250px;
	float: left;
	clear: left;
}
.inner .sidebar {
	width: 250px;
	float: left;
	clear: left;
}
.inner .sidebar .grey-box {
	margin-top: 20px;
}


.inner .sidebar,
.inner .headlines,
.inner .grey-box,
.inner .middle,
.inner .latest {
	margin-top: 20px;
}
.inner .headlines .first-col {
	width: 490px;
	float: left;
}
.inner .headlines .second-col {
	width: 235px;
	float: right;
	margin-bottom: 10px;
}


.inner .inner-content {
	width: 725px;
	float: right;
	clear: right;
}
.inner .grey-box .contentpane {
	width: 230px;
	float: left;
	padding: 10px 3px;
	margin: 10px 0 0 10px;
}

.invert .headlines .first-col {
	width: 39%;
	float: left;
}
.invert .headlines .second-col {
	width: 58%;
	float: right;
}

.invert .latest .contentpane,
.invert .middle .contentpane {
	width: 30%;
	float: left;
	margin-left: 10px;
	padding: 10px 3px;
}


.inner .sidebar .grey-box .contentpane {
	width: auto;
	float: none;
	margin: 10px;
	padding: 10px 0;
}

.grey-box-module {	
	position: relative;
	margin-top: -15px !important;
}
.grey-box-module .wrapper {
	padding: 10px; 
}
.grey-box-module .wrapper .mod_content,
.grey-box-module .wrapper .mod_title {
	z-index: 5;
	position: relative;
}


.head-2col { margin: 0 20px 0 0; }
.head-2col .sidebar { margin: 0; }
.head-2col .inner-content { width: 725px; }

.onecol .contentpane { margin: 20px 20px 0; }

/*
 _____________________________
           Side Menu
*/
.contentpane .custommenu {
	font-size: 16px;
	margin-left: 20px;
	width: auto;
}
.contentpane .custommenu li,
.contentpane .custommenu li.active a,
.contentpane .custommenu li a {
	background-color: transparent;
	color: #666;
}
.contentpane .custommenu li ul,
.contentpane .custommenu li ul ul {
	background: none;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	margin-left: 20px;
}
.contentpane .custommenu li.active a {
	color: #5ab9e5;
	font-weight: bold;
}
.contentpane .custommenu li li a,
.contentpane .custommenu li.active li a,
.contentpane .custommenu li li.active li a {
	color: #777;
	font-weight: normal;
}
.contentpane .custommenu li a:hover,
.contentpane .custommenu li li.active a,
.contentpane .custommenu li li a:hover {
	color: #99cc00;
	background: none;
}
.contentpane .custommenu li {
	list-style-type: none;
	white-space: normal !important;
}
/*
 _____________________________
	   Typography Stuff
*/
.sticviews	  { color: #5ab9e5; font-weight: bold; }
.sticviews em { color: #99cc00; font-style: normal; }

.remark {
	padding: 0;
}

.mod_content {
	font-size: 14px;
	line-height: 140%;
}
.mod_content p {
	padding-bottom: .8em;
}
.mod_title {
	font-size: 18px;
	color: #000;
}
.home .headlines .mod_content h1 {
	font-size: 25px;
	font-weight: normal;
	text-align: center;
	color: #000;
}
.home .headlines .mod_content small {
	font-size: .54em;
	display: block;
}

.mod_content h1 { font-size: 30px; font-weight: normal; margin-bottom: 5px; }
.mod_content h2 { font-size: 18px; font-weight: bold; }
.mod_content h3 { font-size: 18px;  font-weight: normal; }
.mod_content h4 { font-size: 14px; }
.mod_content h5 { font-size: 1em; }
.mod_content h6 { font-size: 1em; }

/* pure CSS blockquote */
.mod_content blockquote {
	border-left: 4px solid #999;
	padding: 3px 0 3px 15px;
	margin: 5px 0;
}
.mod_content abbr, .mod_content acronym {
	font-size: 75%;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.mod_content abbr[title], .mod_content acronym[title], .mod_content dfn[title] { border-bottom: 1px solid #ccc; }
.mod_content ins, .mod_content dfn { border-bottom-color: #666; }
.mod_content del { color:#666; }
.mod_content fieldset {
	border:1px solid #ccc;
	margin: 1.6em 0;
	padding: 1em;
}
.mod_content legend {
	padding: 0 .5em;
}
.mod_content fieldset>*:first-child {
	margin-top:0;
}
.mod_content textarea,.mod_content input[type='text'] {
	padding: .1em .2em;
}
.mod_content input { padding:.2em .1em; }
.mod_content select { padding:.2em .1em 0; }
.mod_content select[multiple] { margin-bottom:.8em; }
.mod_content option { padding:0 .4em .1em; }
.mod_content button { padding:.3em .5em; }
.mod_content input[type='radio'] { position:relative; bottom:-.2em; }

.mod_content ul,.mod_content ol {margin-left:1.5em;list-style-position:outside;}
.mod_content ul li,.mod_content ol li{padding-left:.2em;}
.mod_content caption,.mod_content form div{padding-bottom:.8em;}
.mod_content ul ul,mod_content ol ul,.mod_content ul ol,mod_content ol ol{margin-bottom:0;}

.mod_content hr {
	display:block;
	background:black;
	color:black;
	width:100%;
	height:1px;
	border:none;
}

.mod_content code, .mod_content pre { color:#c33; }

.mod_content a, .mod_content a:link { color:#66ccff; text-decoration: none; font-weight: bold; }
.mod_content a:hover, .mod_content a:visited, .mod_content a:active { color:#a7d800; text-decoration: none; }
.mod_content a:visited { text-decoration: none; }

.NewsTitle {
	font-size: 13px;
} 
.NewsModule table.image {
	margin: 0 10px 5px 0;
}


.mini-gallery-popup .wrapper .description  {
	font-size: 14px;
}


.tall .tiles-video li.item a.item-link {
	height: 160px;
	
}

#cse-search-results iframe {
	width: 97%;
}

/* Developer-api CSS classes */
.developer-api .variableType {
  color: red;
  font-size: 85%;
  font-weight: normal;
  margin-left: 7px;
  padding: 1px;

}

.developer-api .indent {
margin-left:20px;
}
.developer-api p {
margin-bottom: 5px;
}
.developer-api dl {
margin-top:3px;
}
.developer-api dd {
margin-left:10px;
margin-bottom:5px;
}
.developer-api dt {
font-weight: bold;
}

.developer-api h3{
margin-bottom: 10px;
font-size: 138.5%

}
.developer-api h4 {
margin-bottom: 8px;
font-size: 116%
}

.developer-api h5 {
margin-bottom: 5px;
font-size: 108%
}
.developer-api ul{
}
.developer-api li {
margin-left: 15px;
}
.developer-api {
margin-left: 10px;
}
.developer-api  pre, .developer-api pre code{
color: gray;
}