_html, body, p, form, table, td, tr, select
{
    font-family: arial, helvetica, Sans-Serif;
    font-size: 13px;
}

body {
padding:0;
margin:0;
background-color: #f1f1f1;
}


div.container  {
	margin: 0px auto;
	width: 100%;
	border-bottom: 1px solid #CCC;
}

div.container2  {
	background-color: #595959;
	padding-top:8px;
	padding-bottom:8px;
	width:100;
}

div.container3  {
	background-color: #f1f1f1;
	border:1px solid #CCC;
	padding:8px;
}

span.postdate {
font-size: 9pt;
color: #999;
}

span.home-header {
font-size: 12pt;
font-weight: bold;
color: #0d0d0d;
}

span.home-sub {
	color: #2B4A9F;
	font-size: 14px;
	font-weight: bold;
}

.submit
{
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFFFFF;
	background-image: url('../graphics/button-bg.gif');
	background-repeat: repeat-x;
	color: #333333;
	font-size: 85%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 0.20em;
}

h1
{
    font-family: "Verdana", "Lucida Sans", "Lucida Grande", "Trebuchet MS", sans-serif;
    font-size: 1.1em;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: bold;
    color:     #264B71;
    border-bottom: 2px solid #336699;
}

h2
{
    font-family: "Verdana", "Lucida Sans", "Lucida Grande", "Trebuchet MS", sans-serif;
    font-size: 1.0em;
    margin-top: 10px;
    margin-bottom: 5px;
    text-decoration: underline;
}

#navlist
{
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding-bottom: 19px;
    padding-left: 10px;
    margin-top: 10px;
}

#navlist ul, #navlist li
{
    display:         inline;
    list-style-type: none;
    margin:          0;
    padding:         0;
}

#navlist a:link, #navlist a:visited
{
    background: #E8EBF0;
    border: 1px solid #ccc;
    color:  #666;
    float:  left;
    font-size: small;
    font-weight: normal;
    line-height: 14px;
    margin-right: 8px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}

#navlist a:link#current, #navlist a:visited#current
{

    background:    #fff;
    border-bottom: 1px solid #fff;
    color:         #000;
	
}

#navlist a:hover
{
	
    color: #f00;
	
}

body.section-1#navlist li#nav-1 a, body.section-2#navlist li#nav-2 a, body.section-3#navlist li#nav-3 a,
body.section-4#navlist li#nav-4 a
{
    background:    #fff;
    border-bottom: 1px solid #fff;
    color:         #000;
}

#navlist#subnav-1, #navlist#subnav-2, #navlist#subnav-3, #navlist#subnav-4
{
    display: none;
    width: 90%;
}

body.section-1#navlist ul#subnav-1, body.section-2#navlist ul#subnav-2, body.section-3#navlist ul#subnav-3,
body.section-4#navlist ul#subnav-4
{
    display: inline;
    left: 10px;
    position: absolute;
    top:  95px;
}

body.section-1#navlist ul#subnav-1 a, body.section-2#navlist ul#subnav-2 a, body.section-3#navlist ul#subnav-3 a,
body.section-4#navlist ul#subnav-4 a
{
    background: #fff;
    border: none;
    border-left: 1px solid #ccc;
    color:  #999;
    font-size: smaller;
    font-weight: bold;
    line-height: 10px;
    margin-right: 4px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}

#navlist ul a:hover
{
    color: #f00 !important;
}

a { 
	text-decoration:none;
	color: #0000FF;
}

a:hover { text-decoration:underline; }

/*
a:link, a:active
{
    color:           maroon;
    text-decoration: none;
}

a:visited
{
    color:           maroon;
    text-decoration: none;
}

a:hover
{
    color:           navy;
    text-decoration: underline;
}

a:focus
{
    outline: none;

    -moz-outline:none;
}
*/
.actions
{
    width:            500px;
    background-image: url('../graphics/alert.gif');
    background-repeat: no-repeat;
    background-position: 5px 8px;
    margin-bottom:    15px;
    margin-right:	  15px;	
    border:			  1px solid #ccc;
    padding:          8px;
    background-color: #FFFFE0;
    padding-left:     28px;
}

.bookmarked
{
    width:            464px;
    background-image: url('../graphics/approve.gif');
    background-repeat: no-repeat;
    background-position: 5px 8px;
    margin-bottom:    10px;
    margin-right:	  15px;	
    border:			  1px solid #ccc;
    padding:          8px;
    background-color: #FFF;
    padding-left:     28px;
}

.announce
{
    width:            500px;
    background-image: url('../graphics/information.png');
    background-repeat: no-repeat;
    background-position: 5px 8px;
    margin-bottom:    10px;
    margin-right:	  15px;	
    border:			  1px solid red;
    padding:          8px;
    background-color: #FFF;
    padding-left:     28px;
}

.ieactions
{
    width:            625px;
    background-image: url('../graphics/alert.gif');
    background-repeat: no-repeat;
    background-position: 5px 8px;
    margin-bottom:    0px;
	margin-top: 0px;
    margin-right:	  15px;	
    border:			  1px solid #ccc;
    padding:          8px;
    background-color: #FFFFE0;
    padding-left:     28px;
}

.errors
{
    width:            464px;
    background-image: url('../graphics/x.gif');
    background-repeat: no-repeat;
    background-position: 5px 8px;
    margin-bottom:    15px;
    margin-right:	  15px;
    border:		      1px solid maroon;
    padding:          8px;
    background-color: #FFCCCC;
    padding-left:     28px;
}
.alert
{
    background-image: url('../graphics/alert.gif');
    background-repeat: no-repeat;
    background-position: 5px 8px;
    margin:    0px;
	margin-top: 10px;
    border:		      1px solid #ccc;
    padding:          8px;
    background-color: #FFFFE0;
    padding-left:     28px;
}

.edit
{
    background-image:  url('../graphics/edit.gif');
    background-repeat: no-repeat;
    background-position: 5px 8px;
    margin-bottom:     15px;
    padding:           8px;
    padding-left:      28px;
    margin:            15px;
    margin-left:	   0;
    border: 		   2px solid #CCCC66; 
    background-color:  #FFFFE0;	
    width: 			   auto;
}

/*
img
{
    border:  0;
    display: inline;
}

12/18/2007
{
     width: 100%; 
}
*/
tr.color-1
{
    background-color: #ccc
}

tr.color-2
{
    background-color: #fff
}

tr.color-3
{
    background-color: lightblue;
}

tr.header
{
    color:            #FFF;
    background-color: #264E75;
    font-weight:      bold
}

tr.breadcrumb
{
    background-color: #FFFFE0;
    height: 16px;
    valign: middle;
}

label
{
    padding: 8px;
}

img
{
    border: 0;
}


input.submit, input.admin, select.admin
{
    margin: 5px;
}
admin
{
    margin: 5px;
}

#login
{
   /* background-image: url('../graphics/login.gif'); */
    background-repeat: no-repeat;
    width: 382px;
    height: 327px;
    padding: 50px 15px 10px 15px;
    margin: auto;
}

#login-page
{
    /* background: #336699; */
    text-align: center;
    margin-top: 50px;
}

a.folder
{
    background-image:  url("../graphics/folder_open.gif");
    background-repeat: no-repeat;
    background-position: left 1px;
    padding-left:      20px;
}

.box-1
{
    margin: 15px;
    border: 1px solid #264B71;
    padding: 10px;
    padding-left: 20px;
    background-color: #C4DADB;
    padding-top: 0;
    margin-top: 5px;
    width:  400px;
    margin-left: 0;
}

.box-2
{
    margin: 15px;
    border: 1px solid #CCCC66;
    padding: 10px;
    padding-left: 20px;
    background-color: #FFFFE0;
    padding-top: 0;
    margin-top: 5px;
    width:  400px;
    margin-left: 0;
}

.box-3
{
    margin: 15px;
    border: 1px solid #488F62;
    padding: 10px;
    padding-left: 20px;
    padding-bottom: 18px;
    margin-bottom: 10px;
    background-color: #BEDEBE;
    padding-top: 0;
    margin-top: 5px;
    width:  400px;
    margin-left: 0;
}

.boxx-4
{
    margin: 15px;
    border: 1px solid #488F62;
    padding: 10px;
    padding-left: 20px;
    padding-bottom: 18px;
    margin-bottom: 10px;
    background-color: #BEDEBE;
    padding-top: 0;
    margin-top: 5px;
    width:  400px;
    margin-left: 0;
}

.box-4
{
    margin: 5px;
	padding: 8px;
	padding-top: 0;
	padding-bottom: 0;
	border: 1px solid #488F62;
	height: 505px;
}

.box-5
{
    margin: 5px;
	padding: 8px;
	padding-top: 0;
	padding-bottom: 0;
	border: 1px solid #488F62;
	height: 100%;
}

.add {
	background-image: url(../graphics/new_file.gif); 
	background-repeat: no-repeat; 
	background-position: left middle;  
	padding-left: 20px;
	margin-left: 0px;
	text-decoration: underline; 
}

.breadcrumb-header {
	height: 16px;
    valign: middle;
	background-color: #FFFFCC;
	padding: 3px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */



.sortable-list {
    font-family: Arial, sans-serif;
	list-style-type: none;
	margin: 10px;
	padding: 4px;
	align: center;
}
.sortable-list li {
    border : 1px solid #000;
    cursor : move;
	position: relative;
    margin : 2px 0 2px 0;
    padding : 3px;
    background : #f7f7f7;
    border : #ccc;
    width: auto;
	height: auto;
	float:left;
	font-size:12px;
	text-align:center;
}

/* 
input, textarea {
	font-family: Arial;
	font-size: 10pt;
	font-weight: normal;
}

select {
	font-size: 8pt;
	font-weight: normal;
}
*/



form {
margin: 0;
padding: 0;
}

/***** fieldsets *****/

fieldset {
	border: 1px solid #ccc;
	margin: 0em 0 0.5em;
	padding: 15px;
	padding-top: 0;
	clear: left;
} * html fieldset { padding-top: 0; }

legend {
	font-size: 115%;
	font-weight: normal;
	letter-spacing: -0.03em;
	
	color: #999;
	padding: 0.5em 0.5em; /* Top and Bottom for IE7 */
} * html legend { margin-bottom: 15px; padding: 0 0.5em; }

fieldset fieldset legend {
	font-size: 105%;
	font-weight: bold;
}

legend span {
	color: #999;
	font-size: 90%;
	letter-spacing: 0;
}

fieldset dl {
	margin: 0;
	padding: 0;
}

fieldset dt {
	clear: left;
	float: left;
	width: 18em; /* increase for wider dt text */
	text-align: right;
	padding: 0 1em 0.5em 0;
}

fieldset dd {
	padding: 0 0 0.5em 0;
	font-weight: bold;
}

fieldset.labels label {
	width: 15em;
	float: left;
	text-align: right;
	display: block;
	padding: 0 0.5em 0.2em 0;
}

fieldset.labels div {
	padding: 0.2em 0;
	clear: left
}

.fieldset-footer {
	margin: 0;
	position: relative;
	left: -15px;
	padding: 10px 0 15px 15px;
	background: url(/img/field-back.gif) no-repeat;
	clear: left;
	top: 15px;
}

fieldset fieldset input {
	font-size: 100% !important;
}

div.details  {
float: left;
padding: 5px; 
background-color: #FFF;
border: 1px solid #CCC;
}

.header {
	font-family: arial, helvetica, Sans-Serif;
    font-size: 12px;
}

div.footer {
width: 100%;
float: left;
padding-top: 5px;
border-top: 1px solid #CCC;
}

div.other_vid {
	font-family: arial, helvetica, Sans-Serif;
    font-size: 12px;
	font-weight: bold;
}
.admin
{
	font-family: "Georgia", "Lucida Grande", "Trebuchet MS", "Verdana", sans-serif;
    font-size: 10pt;
}

td.box-4 {
	border: 1px solid #488F62;
}

div.search_box {
padding: 5px;

border: 1px solid #ccc;
}

.tag_cloud {padding: 2px; text-decoration: none; line-height: 1.7; }
/* .tag_cloud:link  { color: #81d601; } */
.tag_cloud:link  { color: #339933; }
.tag_cloud:visited { color: #019c05; }
.tag_cloud:hover { color: #ffffff; background: #69da03; }
.tag_cloud:active { color: #ffffff; background: #ACFC65; }


	div.pagination2 {
	padding: 0px;
	margin: 0px;
}
div.pagination2 a {
	padding: 2px 5px 2px 5px;
	margin: 0px;
	border: 1px solid #AAAADD;
	line-height: 2;
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination2 a:hover, div.pagination a:active {
	border: 1px solid #000099;
	color: #000;
}
div.pagination2 span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;
							
	font-weight: bold;
	background-color: #000099;
	color: #FFF;
}
div.pagination2 span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
						
	color: #DDD;
}

button.mybutton
{
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFFFFF;
	background-image: url('/graphics/button-bg.gif');
	background-repeat: repeat-x;
	color: #333333;
	font-size: 90%;
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding: 0.25em;
}

div.vidthumbnail {
    border: 1px solid #CCCCCC;
    float: left;
    padding: 4px;
}

div.viddetails {
float: left;
margin: 0.5em;
margin-top:0;
}

span.title {
font-size: 10pt;
font-weight: normal;
color: #333; 
}

span.sub_links {
font-size: 8pt;
font-weight: normal;
}

span.time {
font-size: 8pt;
color: #666;
}

span.postdate {
font-size: 8pt;
color: #999;
}

div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;
	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;
		
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #CCC;
	
		color: #BBB;
	}




#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
	float: right;
	}

#sddm li
{	margin: 0;
	padding-right: 5px;
	padding-left: 5px;
	list-style: none;
	float: left;
	height: 17px;
	font: 13px arial;
	border-right: 1px solid #CCC}

#sddm li a
{	display: block;
	text-align: center;
}

#sddm li.sign_on a
{	display: inline;
}

#sddm li.last {
	border-right: 0px solid #FFF;
}

#sddm li.last a {
	display: inline;
}

#sddm div
{	position: absolute;
	z-index: 10;
	visibility: hidden;
	display: block;
	margin: 0;
	padding: 0;
	background: #FFF;
	border: 1px solid #5970B2}

#sddm div a
{	position: relative;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #FFF;
	color: #2875DE;
	font: 12px arial}

#sddm div a.notify
{	position: relative;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #FFF;
	color: #000000;
	font: 11px arial;
	height:60px;
	width: 400px;
	border-bottom: 1px solid #CCC;
}

#sddm div a.notify_grey
{	position: relative;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #EEF0F9;
	color: #000000;
	font: 11px arial;
	height:60px;
	width: 400px;
	border-bottom: 1px solid #CCC;
}

#sddm div a.notify_header {
	position: relative;
	margin: 0;
	padding: 5px 10px;
	margin-top: 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #FFF;
	color: #000000;
	font: bold 14px arial;
	height:25px;
	width: 400px;
	border-bottom: 1px solid #CCC;
}

#sddm div a.notify_footer {
	position: relative;
	margin: 0;
	padding: 10px 10px;
	width: auto;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	background: #FFF;
	color: #000000;
	font: bold 12px arial;
	height:20px;
	width: 400px;
	border-bottom: 1px solid #CCC;
}

#sddm li .notify_count
{	display: block;
	background: blue;
	text-align: center;
	cursor:default;
	color: #FFF;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 1px;
	padding-bottom: 1px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: bold 14px arial;
}

#sddm li .notify_count_grey
{	display: block;
	background: #CCC;
	text-align: center;
	cursor:pointer;
	color: #FFF;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 1px;
	padding-bottom: 1px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font: bold 14px arial;
}

#sddm div img.notify
{	float: left;
	border: 1px solid #CCCCCC;
	padding: 4px;
	margin-right: 5px;
	height: 50px;
	width: 50px;
}

#sddm div a:hover
{	background: #49A3FF;
	color: #FFF}

#sddm div a.notify_header:hover {
	background: #FFF;
	color: #000000;
}

div.details_header  {
	padding: 5px;
	border-top:1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div.details3  {
	padding: 0px;
	background-color: #FFF;
}

div.details_video  {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-left: 2px solid #CCC;
}

li.thumbnail img {
	border: 1px solid #2B4A9F;
}

#infobox2  {
float: left;
padding: 5px; 
background: transparent;
background-color: #66CC33;
width: 300px;
}

#infobox_profile  {
float: left;
padding: 5px; 
background: transparent;
background-color: #66CC33;
width: 300px;
}

#infobox_profile h2 {
	color: #FFF;
	margin: 0px;
	text-decoration: none;
}

#infobox2 h2 {
	color: #FFF;
	margin: 0px;
	text-decoration: none;
}


#thumbnail-container {
	/* #thumbnail-container contains the entire list of all collections or the entire list of all albums, as appropriate */
	margin: 0 5px 0 0;
	padding: 0;
}

ul.slides {
	/* ul.slides controls the unordered list of the thumbnails of images within an album */
	margin: 10px 0 0 0;
	padding: 0;
	/*border: 1px solid #bed2d2;*/
}
ul.slides li {
	/* ul.slides li controls each list item within the unordered list of the thumbnails of images within an album */
	/* width is calculated by PHP in the HTML, style is applied inline */
	float: left;
	margin: 0 0 0 0px;
	padding: 5px;
	display: inline;
	text-align: center;
	height: 165px;
	border: 0px solid #CCC;
}
ul.slides li img {
	/* ul.slides li img controls the thumbnail image itself */
	/*border: 1px solid #01B4E2; */
	/*border: 1px solid #2B4A9F; */
	background: #fff;
	padding: 1px;
}
ul.slides li a {
	/* ul.slides li a controls the thumbnail image link behavior */
	display: block; /* display:block required to make anchor tag's border surround img in Firefox */
}
ul.slides li img:hover {
	/* ul.slides li img:hover controls the thumbnail image hover behavior */
	background: #eaeae0;
	/*border: 1px solid #ff6600;*/
	border: 1px solid #66CC33;
}

ul.slides li.embed_video {
	/* ul.slides li controls each list item within the unordered list of the thumbnails of images within an album */
	/* width is calculated by PHP in the HTML, style is applied inline */
	float: left;
	margin: 0 0 0 0px;
	padding: 5px;
	display: inline;
	text-align: center;
	height: 255px;
	border: 0px solid #CCC;
}

.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */

div.mvp_grid_panel_title {
	/*word-wrap: break-word;*/
	margin: 0;
	width: 140px;
}

div.mvp_grid_panel_title a, div.mvp_grid_panel_commands a {
	text-decoration: none
}

div.mvp_grid_panel_details, div.mvp_grid_panel_commands {
	font-size: 10px;
	color: #666;
}

.mytitle {
    font-family: helvetica,arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
}