﻿/***********************************************************************************
    Dark Orange:    #FC7F13
    Light Orange:   #FFA332
 ***********************************************************************************/

* 
{ 
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 10pt;
    margin: 0; 
    padding: 0; 
    border-collapse: collapse;
}

body
{
    background-color: #EBEBEB;
}

h1,h2,h3,h4,p { padding: 10px; }

h1
{
    color: #FC7F13;
    font-size: 16pt;
}
h2
{
    color: #EC4700;
    /*color:Black;*/
    font-size: 12pt;
	padding-left:50px;

}
h3
{
    /*color: #FFA332;*/
    color:Black;
    font-size: 11pt;
}
h4
{
    color: #000;
    font-size: 10pt;
}
p
{
}
fieldset
{
	padding: 0 5px 5px 5px;
}
legend
{
	margin-bottom: 5px;
}
#footer P
{
    color: #000;
}
strong, b
{
}
pre
{
}
a
{
	color: #EC4700;
	text-decoration: none;

}
a:active
{
}
a:hover
{
	color: #FC7F13;
	text-decoration: none;
}
a:visited
{
}
ol
{
	padding: 10px 10px 10px 50px;
}
ul
{
	padding: 10px 10px 10px 40px;
}
li
{
}
input.text, textarea.text
{
	border: solid #ccc 1px;
	padding: 2px;
}
select
{
	border: solid #ccc 1px;
	padding: 2px;
}
td { vertical-align: top; text-align: left; }
table.layout
{
    border: 0px;
    margin: 0px;
    border-collapse: collapse;
}
table.layout tr
{
    vertical-align: top;
    text-align: left;
}
table.layout tr th
{
}
table.layout tr td
{
}

div.buttons, div.buttons_right
{
	margin: 0;
	padding: 0;
	height: 36px;
}
div.buttons a, div.buttons_right a
{
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 0 12px;
	background: url(Images/button_left.gif) left top no-repeat;
	text-decoration: none;
}
div.buttons a span, div.buttons_right a span
{
	display: block;
	float: left;
	padding: 0 15px 0 0;
	background: url(Images/button_right.gif) right top no-repeat;
	text-decoration: none;
	color: white;
	white-space: nowrap;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	height: 36px;
	line-height: 30px;
}
div.buttons_right a
{
	float: right;
}

/*
-------------------
VIDEO TOC ELEMENTS
-------------------
*/

#video_content{
	position:relative;
	background-color:#FFF;
	width:697px;
	margin:0 auto;
	margin-top:10px;
	text-align:left;	
	font-family: Arial, Verdana, Sans-Serif;
    font-size: 10pt;
    padding: 0; 
    border-collapse: collapse;
}

#video_content h1
{
	color: #FC7F13;
    font-size: 16pt;
	/*
	position:relative;
	top:auto;
	left:auto;
	height:auto;
	width:auto;
	background-image:none;
	font-family: Arial, Sans-Serif;	
	color:#EC4700;
	font-size:x-large;
	font-weight:bold;
	padding: 10px 10px 10px 10px;
	*/
}


#video_content h2
{
	font-family: Arial, Sans-Serif;	
	color:Black;
	font-size:large;
	padding: 10px 10px 10px 10px;
}


#video_content h3{
	font-family: Arial, Sans-Serif;	
	color:#EC4700;
	font-size:large;
	padding: 25px 10px 10px 10px;
}

#video_content h4
{
	font-family: Arial, Sans-Serif;	
	color:#EC4700;
	font-size:medium;
	padding: 10px 10px 10px 10px;
}

#video_content h5
{
	font-family: Arial, Sans-Serif;	
	font-size:medium;
	color:Black;
}

#video_content p
{
	padding: 0px 10px 10px 50px;
	font-family: Arial, Sans-Serif;	
	color: Black;
}

#video_content ul
{
	color: Black;
	font-family:Arial, Sans-Serif;
	list-style-type:disc;
	padding-left:50px;
}

#video_content ul.lesson_list
{
	color: Black;
	font-family:Arial, Sans-Serif;
	list-style-type:none;
	padding-left:50px;
}

#video_content ul.lesson_list li div
{
	color: Black;
	font-family:Arial, Sans-Serif;
	font-variant:small-caps;
	padding-left:50px;
}


#video_content ul.video_list
{
	color: Black;
	font-family:Arial, Sans-Serif;
	list-style-type:none;
	padding-left:50px;
}

.expiring
{
	color: #000;
	background-color: #FFFF00;
}

.expiring h1
{
	color: #ff0000;
}

.expiring a
{
	color: #ff0000;
	text-decoration: none;
	font-weight: bold;
}

.expiring a:hover
{
	text-decoration: underline;
}

.expiring table tr td
{
	vertical-align: top;
}

.expired
{
	color: #ff0000;
	background-color: #FFDDDD;
}

.expired h1
{
	color: #ff0000;
}

.expired a
{
	color: #ff0000;
	text-decoration: none;
	font-weight: bold;
}

.expired a:hover
{
	color: #ff0000;
	text-decoration: underline;
}

.expired table tr td
{
	vertical-align: top;
}

.pending_payment
{
	color: #000;
	background-color: #FFFF00;
}

.pending_payment table tr td
{
	vertical-align: top;
}

.pending_payment h1
{
	color: #ff0000;
}

.pending_payment a
{
	color: #ff0000;
	font-weight: bold;
}

.validation-summary { 
	color: #FF0000; 
	width: 100%; 
	padding: 2px 0px 2px 5px;
	
 }