/**
 * Baseline and common looks 
 * Sets a vertical rhythm and styles the different elements.
 */
body {
	/* background: #2E81CA  scroll no-repeat left bottom;  url(../images/bottomBg.png) */
	color:#fff;
    background:#2e81ca url(../images/olbg.jpg) no-repeat fixed center top; background-size: 100%;
	font:75%/0.8em Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;
	min-width:970px; /*--Fixes Background Bug--*/
	position:relative;
	line-height:1.25em !important;
	}
.userBody
{
	background: repeat-x left top #2E81CA;
}
.inputDiv
{
	background:url('/styles/onelight/layout/inc/images/input_round.gif') no-repeat;
	width:291px;
	text-align:center;
	height:20px;
}
.textareaDiv
{
	background:url('/styles/onelight/layout/inc/images/textarea_round.gif') no-repeat;
	width:291px;
	text-align:center;
	height:120px;
	padding-top:5px;
}
.jqUploader
{
	margin:auto;
	border:1px solid #000;
}
a {
	color:#fff;
	outline: none;
	text-decoration:underline; }
 
	a:hover,a:focus {
		outline: none;
		text-decoration:none; }
 
abbr,acronym {
	border-bottom:1px dotted;
	cursor:help;
	font-variant:small-caps; }
 
address,cite,em,i { font-style:italic; }
 
blockquote p {
	background:#eee;
	margin:0 1.5em 1.5em;
	padding:0.75em; }
 
code,kbd,tt { font:1em/1.5em "Courier New", Courier, monospace; }
 
del { text-decoration:line-through; }
 
dfn {
	border-bottom:1px dashed;
	font-style:italic; }
 
dl { margin:0 0 1.5em; }
 
dt { font-weight:700; }
 
dd { padding-left:1.5em; }
 
h1 {
	font-size:2em;
	font-weight:700;
	margin:0 0 0.75em; }
 
h2 {
	font-size:1.5em;
	margin:0 0 1em; }
 
h3 {
	font-size:1.1666em;
	margin:0 0 1.285em; }
 
h4 {
	font-size:1em;
	margin:0 0 1.5em; }
 
h5 {
	font-size:0.8333em;
	margin:0 0 1.8em; }
 
h6 {
	font-size:0.666em;
	margin:0 0 2.25em; }
 
img { border:none; }
 
ins { text-decoration:overline; }
 
ol li { list-style:inside decimal; }
 
p {
	font-weight:300;
	margin:0 0 1.5em; }
 
pre {
	font:1em/1.5em "Courier New", Courier, monospace;
	margin:0 0 1.5em;
	padding:0 0 0 1.5em; }
 
sub {
	bottom:-0.4em;
	font-size:0.85em;
	line-height:1em;
	position:relative;
	vertical-align:baseline; }
 
sup {
	font-size:0.85em;
	line-height:1em;
	position:relative;
	top:-0.4em;
	vertical-align:baseline; }
 
strong,b { font-weight:700; }
 
 
/** tables still need 'cellspacing="0"' in the markup 
 */
table {
	border-collapse:collapse;
	border-spacing:0;
	margin:0 0 1.5em;
	padding:0; }
 
caption {
	font-style:italic;
	text-align:left; }
 
tr.alt td { background:#eee; }
 
/*td {
	border:1px solid #000;
	padding:0.333em;
	vertical-align:middle; }
*/ 
th {
	font-weight:700;
	padding:0.333em;
	vertical-align:middle; }
 
/**
 * Common classes
 * Some base classes for pretty typography, asides and messages.
 */
.amp {
	font-family:Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", "URW Chancery L", Gentium, serif;
	font-style:italic; }
 
.aside-left {
	clear:left;
	float:left;
	margin:0 1.5em 0 0; }
 
.aside-right {
	clear:right;
	float:right;
	margin:0 0 0 1.5em; }
 
.error {
	background:#fee;
	border:1px solid red;
	margin:1.5em;
	padding:0.666em;
	text-align:center; }
 
.notice {
	background:#eef;
	border:1px solid #00f;
	margin:1.5em;
	padding:0.666em;
	text-align:center; }
 
.success {
	background:#efe;
	border:1px solid #0f0;
	margin:1.5em;
	padding:0.666em;
	text-align:center; }
 
.warning {
	background:#ffe;
	border:1px solid #ff0;
	margin:1.5em;
	padding:0.666em;
	text-align:center; }
 
.quo { font-family:Georgia, Gentium, "Times New Roman", Times, serif; }
 
.lquo {
	font-family:Georgia, Gentium, "Times New Roman", Times, serif;
	margin:0 0 0 -0.55em; }
 
.section { position:relative; }
 
/** 
 * Common context-sensitive classes 
 * These names are obnoxious on purpose, I want you to change them into what classname fits with your content. :)
 */
.firstParagraphArticle:first-letter {
	float:left;
	font-size:3.2em;
	font-weight:700;
	line-height:1em;
	margin-bottom:-0.2em;
	padding:0.125em 0.1em 0 0; }
 
/** Horizontal form stylings
 */
.horizontalForm button {
	clear:left;
	float:left; }
 
.horizontalForm input,.horizontalForm textarea {
	float:left;
	margin:1.5em 0 0;
	width:49%; }
 
.horizontalForm select {
	float:left;
	margin:1.5em 0 0; }
 
.horizontalForm label {
	clear:left;
	float:left;
	padding:0.375em 0;
	width:49%; }
 
	.horizontalForm label input {
		height:1em;
		line-height:1;
		margin:0.25em 0.5em 0 0;
		width:auto; }
 
	.horizontalForm label.singleLine {
		clear:both;
		float:none;
		margin-top:0;
		padding:1.5em 0 0;
		width:100%; }
 
/***************************** COMMON CLASSES ANGEL GRABLEV USES **************************************/
.left { float:left }
 
.right { float:right }
 
.clear { clear:both }
 
.hand { cursor:pointer; }

/**************************** dashboard *****************************************************/




#advanceContainer {
	width:1300px;
	margin:auto;
}

ul {
	list-style:none;
	margin:0; padding:0; /*fixes ul padding and margin */
}

ul#contactList {
	margin-top:16px;
	float:right;
	width:292px;
}




ul {
	list-style:none;
	margin:0; padding:0; /*fixes ul padding and margin */
}

ul#advanceList {
	float:left;
	width:1300px;
	margin-top:6px;
}

#advanceList li {
	height:48px;
	width:48px;
	float:left;
	margin-left:15px;
}

.home {
	background:url(images/home.png);
    link: 'www.google.com';
}

.home:hover {
	background:url(images/homeHover.png);
}

.monitor {
	background:url(images/monitor.png);
}

.monitor:hover {
	background:url(images/monitorHover.png);
}

.green {	
	background:url(images/green.png);
}

.green:hover {
	background:url(images/greenHover.png);
}

.interact {
	background:url(images/interact.png);
}

.interact:hover {
	background:url(images/interactHover.png)
}

.people {
	background:url(images/people.png);
}

.people:hover {
	background:url(images/peopleHover.png)
}

.phonebook {
	background:url(images/phonebook.png);
}

.phonebook:hover {
	background:url(images/phonebookHover.png);
}

.school {
	background:url(images/school.png);
}

.school:hover {
	background:url(images/schoolHover.png);
}

.vault {
	background:url(images/vault.png);
}

.vault:hover {
	background:url(images/vaultHover.png);
}

.world {
	background:url(images/world.png);
}

.world:hover {
	background:url(images/worldHover.png);
}

.plus {
	background:url(images/plus.png);
}

.plus:hover {
	background:url(images/plusHover.png);
}
.store {
	background:url(images/store.png);
}

.store:hover {
	background:url(images/storeHover.png);
}

.videoTitle{
	font-size:130%;
    line-height:1.25;
}

.textStyle{
   margin-left:40px;
   font-size:150%;
}
.testTitle{
   margin-bottom:2px;
}

.buttonEdit {
    border: none;
    background: url('http://www.onelight.tv/styles/onelight/layout/inc/images/updatevideo.png') no-repeat top left;
    width: 150px;
    height: 40px;
}
.videoEditPage{
   margin-left:40px;
}
.editVideoOptions{
   padding-top: 10px;
}



/***************************
**  JQDOCK : EXAMPLE CSS  **
***************************/
/*place the various demo menus around the screen (note: 1, 3, 4 and 7 are horizontal; 2, 5 and 6 are vertical)...*/
  #menu1 {margin-left: auto;  margin-right: auto; width: 50em; margin-top:30px;}
  /*...menu2 needs enough width to show the shrunken images + border, because it's positioned fully to the right...*/
  #menu2 {position:absolute; top:0px; right:0px; width:50px;}
  #menu3 {position:relative; top:152px; padding-left:131px;}
  #menu4 {position:absolute; top:510px; left:131px;}
  /*if you want to space the images out you can pad them, BUT...
    (a) be aware that for any coefficient other than 1 (linear) this can (will) throw out calculation of the leading edge of the menu
    (b) use a DOCTYPE, otherwise IE will get the spacing wrong
	 (c) Opera v9.5 sometimes has problems with the main axis dimension that I haven't managed to solve yet
    for example...*/
  #menu4 img {padding:0px 4px;}
  #menu5 {position:absolute; top:0px; left:0px;}
  /*...menu6 has zero width, so it's actually the left-hand side of the dock that is 200px from the right-hand edge of the viewport...*/
  #menu6 {position:absolute; top:30px; right:200px; width:0px;}
  #menu7 {display:none; position:absolute; top:150px; left:580px;}

/*dock styling...*/
/*docks (div.jqDock) get absolute position, zero padding and margin, and visible overflow; width and height are calculated*/
  /*...set a default dock background colour...*/
  div.jqDock {background-color:transparent;}
  /*...override background colour and/or border for specific demo docks...*/
  #menu2 div.jqDock {border:2px solid #999999; border-right:0px none;}
  #menu3 div.jqDock {border:2px solid #ff9900;}
  #menu4 div.jqDock {background-color:#cccccc; border:1px solid #000000;}
  #menu5 div.jqDock {background-color:#000000;}
  #menu6 div.jqDock {background-color:#e0e0ff; border:3px solid #0000ff;}
  #menu7 div.jqDock {border:1px solid #0000cc;}

/*label styling...*/
/*labels (div.jqDockLabel) only get absolute position and zero margin (with top and left being calculated); the rest is up to you*/
  /*...let's set some defaults...*/
  div.jqDockLabel {border:0px none; padding:0px 4px; font-weight:bold; font-size:14px; font-style:italic; white-space:nowrap; color:#000000; background-color:transparent;}
  div.jqDockLabelLink {cursor:pointer;}
  div.jqDockLabelImage {cursor:default;}
  /*...and some overrides...*/
  /*...give the right-hand vertical a smaller, non-bold, deep red label, on a white background...*/
  #menu2 div.jqDockLabel {color:#cc0000; background-color:#ffffff; padding:1px; font-size:12px; font-weight:normal;}
  /*...and the left-hand vertical (with the black background) a white, smaller, label...*/
  #menu5 div.jqDockLabel {color:#ffffff; padding:0px;}