﻿html, 
body,
form
{
    margin:0;
    padding:0;
    border:none;
    height:100%;
}

/* HTML tags */
a 
{
    cursor:pointer;
}
input,
select,
textarea
{
    font-size:12px;
    color: #000000;
    font-family: Arial;
}
img
{
    border: 0px;
}

/* tables */
td
{
    /* border: solid 0px #FFFFFF; */
    vertical-align:top;
    text-align:left;
}
th
{
    text-align: left;
}
table
{
    border-collapse: collapse;
}
table.list
{
    border: solid 1px #797979;
    width:100%;
    border-spacing:0;
}
table.list td
{
    border-spacing:0;
    padding:8px 8px;
}
table.list th,
table.list th a
{
    color:#000000;
    font-weight:bold;
    background-color:#F5F5F5;
    text-align: left;
    padding:3px 8px;
    border-bottom: solid 1px #797979;
}
tr.dt0
{
    background-color:#FFFFFF;
}
tr.dt1
{
    background-color:#EDF5FF;
}
tr.dt1 td 
{
    border-top: solid 1px #D2E6FF;
    border-bottom: solid 1px #D2E6FF;
}
tr.selected
{
    background-color:#FCFBD0;
}
table.directory
{
    width:100%;
    border-spacing:0;
}
table.directory th
{
    font-weight:bold;
    color:#000;
}
table.directory tr:hover
{
    background: #eee;
}
table.directory tr.header:hover
{
    background: none;
}
table.directory td
{
    border-spacing:0;
    padding:8px 8px;
}

/* custom classes */
.product
{
    float:left;
    width:200px;
    height:210px;
    text-align:center;
    margin-right:15px;
    margin-bottom:10px;
}
.error,
.validate
{
    color: #FF0000;
    font-weight: normal;
}
.info
{
    color: #008000; 
}
.help
{
    color: #000000;
    font-style:italic; 
}
.question
{
    text-align:right;
}
ul.simplelist
{
    margin:0;
    padding:0;
}
ul.simplelist li
{
    list-style:none;
    position:relative;
}
fieldset
{
    background-color:#F2FBFB;
    border: solid 1px #507D82;
    margin:0;
    margin-bottom:10px;
    padding:5px;
    width:250px;
    *position: relative;
    *padding-top:20px;
    display:block;
}
legend
{
    color:#3F251C;
    font-weight:bold;
    *position:absolute;
    *top: -10px;
    *left: 10px;
    *margin-top:10px;
}
.tdcenter,
tr.tdcenter td
{
    text-align:center;
}
.tdright
{
    text-align:right;
}
.clear
{
    clear:both;
}
.photoleft
{
    float:left; 
    padding-right:10px; 
    padding-bottom:10px;
}
.photoright
{
    float:right; 
    padding-left:10px; 
    padding-bottom:10px;
}
.norecords
{
    color:Red;
    text-align:center;
}

/* Data Pager */
div.datapager {
    float:right;
    width:250px;
    text-align:right;
    /* padding-top:5px; */
}
div.recordcount
{
    float:left;
    width:300px;
    font-style:italic;
    margin-bottom:3px;
}
div.recordcount span
{
    font-style:normal;
}
a.pager,
.currentpage,
a.pagerbtn
{
    border: solid 1px #C2C2C2;
    padding: 2px 5px;
    font-size:14px;
}
.currentpage
{
    font-weight:bold;
}
a.pagerbtn[disabled]
{
    color:Gray;
}
a.pagerbtn[disabled]:hover
{
    text-decoration:none;
}
.searchfields
{
    text-align:left;
    margin-bottom:10px;
}

/* products */
.result
{
    margin-top:0px;
    margin-left:160px;
    width:250px;
    height:100px;
    border: dashed 2px #000000;
    background-color:#FFFFFF;
    padding:8px;
    text-align:center;
    z-index:20;
}
ul.resources
{
    list-style:none;
    margin:5px 0 0 0;
    padding:0;
}
ul.resources li
{
    display:inline; 
    padding-right:5px;
}
#price
{
    width:100px;
    background-color:#FFFFFF;
}

/* Rotating Banner */
.innerfade
{
    margin:0;
    padding:0;
}
.innerfade li
{
    list-style:none;
    visibility:hidden;
}
.innerFadeControlBox
{
    position:absolute;
    bottom:0px;
    z-index:1000;
    left:0px;
    width:100%;
    text-align:center;
}

/* Management Tools */
.adminpanel {
    height:30px;
    line-height:30px;
    background: url('/images/panelBG.png') repeat-x;
    position:relative;
}
.adminpanel ul {
    margin:0;
    padding:0;
    height:30px;
    padding-left:2px;
    background: url('/images/panelDivider.jpg') repeat-y top left;
}
.adminpanel ul li {
    list-style:none;
    float:left;
    background: url('/images/panelDivider.jpg') no-repeat top right;
    height:30px;
    line-height:30px;
    /*padding-right:2px;*/
    position:relative;
    padding: 0 0 2px;
}
.adminpanel ul li ul {
    position:absolute;
    top:30px;
    left:0px;
    width:147px;
    background:none;
    padding-left: 0;
    display:none;
}
.adminpanel ul li ul li {
    background: url('/images/panelBG.png') repeat-x;
    float:none;
    /*border-bottom: solid 1px #000;*/
    padding-bottom: 0;
    height:30px;
    text-align:left;
}
.adminpanel ul li ul li:hover 
{
    background: url('/images/panelBG_hover.png') repeat-x;
}    
.adminpanel ul li ul li a,
.adminpanel ul li ul li a:link,
.adminpanel ul li ul li a:visited 
{
    padding: 6px 8px 6px 28px;
    *padding: 6px 8px 0 28px;
}
.adminpanel a,
.adminpanel a:link,
.adminpanel a:visited {
    font-family: Lucida Grande, Lucida Sans Unicode, Arial;
    font-weight:bold;
    color:#2e2e2e;
    font-size: 12px;
    line-height:30px;
    height:30px;
    padding: 7px 8px 7px 28px;
    *padding: 7px 8px 0 28px;
    position:relative;
    /* border-left: 1px solid #e2e2e2;
    border-right: 1px solid #fff; */
}
.adminpanel a:hover {
    background: url('/images/panelBG_hover.png') repeat-x;
    text-decoration:none;
}
.adminpanel a img {
    position:absolute;
    top:6px;
    left:7px;
}
.adminpanel li:hover ul, 
.adminpanel li.over ul,
.adminpanel li:hover ul li, 
.adminpanel li.over ul li { /* lists nested under hovered list items */
    display: block;
}
#managementbar
{
    position:fixed;
    width:100%;
    z-index:2000;
}
.menuplaceholder
{
    width:100px;
    background:#DDD;
}
.pagesection
{
    border: 1px solid transparent;
    padding:10px;
    margin:-10px;
    margin-bottom:8px;
    position:relative;
}
.pagesection.edit:hover,
.pagesection.add
{
    border: 1px solid #DDDDDD; 
    min-height:40px;
}
.pagesection.add
{
    margin-top:10px;
}
.sectioncontrols
{
    position:absolute;
    top:2px;
    right:-1px;
    z-index:120;
}
.adminpanel.onedit
{
    margin: -10px -10px 5px -10px;
    z-index:120;
    cursor:move;
}
.onedit
{
    visibility: hidden;
}
.editinplace,
.deleteinplace
{
    position:relative;
    padding-left:19px;
    padding-right:5px;
}
.editinplace img,
.deleteinplace img
{
    position:absolute;
    top:0px;
    left:0px;
}
.adminpanel ul li.helpbutton
{
    background:none;
    padding:none;
}
.adminpanel ul li.helpbutton a
{
    padding-left:22px;
}
.templateoptions li
{
    text-align:center;
    display:inline;
    float:left;
    margin-right:35px;
    margin-bottom:5px;
    width:95px;
}

/* Calendar */
.fc-day-content
{
    cursor:pointer;
}

ul.upcomingevents
{
    margin:0;
    padding:0;
}

ul.upcomingevents li
{
    list-style:none;
    margin-bottom:10px;
}

ul.upcomingevents li div.datebox
{
    font-family: Georgia, Verdana;
    color:#FFFFFF;
    font-style:italic;
    font-weight:bold;
    font-size:15px;
    width:54px;
    height:49px;
    text-align:center;
    padding-top:5px;
    float:left;
}

ul.upcomingevents li div.datedesc
{
    padding-left:58px;
}
table.eventtable
{
    width:100%;
}
table.eventtable tr
{
    border-bottom: solid 1px #D2CBAC;
}
table.eventtable td
{
    padding:8px;
}
.datetitle
{
    font-weight:bold;
}

/* Podcast */
.podcast
{
    margin-bottom:10px;
}

.podcast h2
{
    margin-bottom:2px;
}

/* Blog */
.blogpost 
{
    padding-bottom:15px;
    border-bottom: dashed 1px #000000;
    margin-bottom:10px;
}
.postdate,
.addcomment
{
    float:right;
}
.postcomments
{
    margin-top:15px;
}
.comments
{
    display:none;
    margin-top:12px;
}
.blogarchive
{
    width:170px;
    float:right;
    border: 1px dashed #C2C2C2;
    padding:10px;
    margin-top:10px;
}
.blogarchive h2
{
    margin-top:0px;
}
.blogposts
{
    /* margin-right:220px; */
}
.comment
{
    margin-bottom:12px;
}
.commentdate
{
    font-size:85%;
}
.watermark 
{
    color:#999;
}

/* Dashboard Widgets */
.widget
{
    height:225px;
    margin-bottom:25px;
    border: 1px solid #DDDDDD;
    padding:15px;
}
.widget h2
{
    margin-top:0;
}
.twoacross
{
    float:left;
    width:48%;
    padding-right:2%;
}
.threeacross
{
    float:left;
    width:32%;
    padding-right:2%;
}

/* Download */
#ajax-download 
{
    padding: 5px 10px;
    border-bottom: solid 1px #A3D7FF; 
    border-right: solid 1px #A3D7FF; 
    border-left: solid 1px #A3D7FF; 
    background: #EDEDED;
    display:none;
    position:absolute;
    top:0px;
    right:150px;
}

/* FlowPlayer */
.videocontainer
{
    float:left; 
    margin-top:10px; 
    margin-right:18px; 
    width:400px;
}
.flowplayer {
    display:block;
    width:400px;
    height:225px;
    margin:0 auto;
    background-repeat: no-repeat;
    background-position: top center;
}
.flowplayer img {
    margin: 75px 0 0 165px;
}
.vidgallery
{
    height:225px;
    overflow:auto;
}
.vidgallery li 
{
    float:left;
    width:100px;
    height:95px;
    padding:8px;
    text-align:center;
    overflow:hidden;
    position:relative;
}
.vidgallery li a div
{
    height:75px;
    overflow:hidden;
    display: table-cell; 
    vertical-align: middle;
}
.vidgallery li div.controls
{
    position:absolute;
    top:0;
    right:0;
}
.vidgallery li:hover
{
    background:#EDEDED;
}
.vidgallery li a:Hover {
    text-decoration:none;
}

/* Twitter */ 

.tweet, .query {
  font-family: Georgia, serif, Arial;
  font-size: 120%; }
  .tweet .tweet_list, .query .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase; }
    .tweet .tweet_list li, .query .tweet_list li {
      overflow-y: auto;
      overflow-x: hidden;
      border-bottom: 1px solid #DDDDDD;
      padding:10px; }
      .tweet .tweet_list li a, .query .tweet_list li a { }
    .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even { }
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
    .tweet_time { padding-left:8px; }
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
        vertical-align: middle; }

/* qtip */

/*
* qTip - The jQuery tooltip plugin
* http://craigsworks.com/projects/qtip/
*
* Version: 2.0.0pre
* Copyright 2009 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPL Version 2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Thu Aug 19 19:28:14 2010 +0100
*/

.ui-tooltip-accessible{
	left: -10000em !important;
	top: -10000em !important;
	display: block !important;
	visibility: hidden !important;
}

	/* IE6 ONLY - Width detection fix */
	* html .ui-tooltip-accessible{
		position: static !important;
		float: left !important;
	}

div.ui-tooltip, div.qtip{
	position: absolute;
	display: none;

	max-width: 280px;
	min-width: 50px;
}

	div.ui-tooltip .ui-tooltip-wrapper{
		position: relative;
		overflow: hidden;

		/* border-width: 1px; */
		border-style: solid;
	}

	div.ui-tooltip .ui-tooltip-content{
		position: relative;
		padding: 5px 9px;

		text-align: left;
		word-wrap: break-word;
		overflow: hidden;
	}

	div.ui-tooltip .ui-tooltip-titlebar{
		position: relative;
		padding: 6px 35px 6px 10px;

		font-weight: bold;
	}

		/*! Default close button class */
		div.ui-tooltip .ui-tooltip-close{
			position: absolute;
			height: 16px;
			width: 16px;
			padding: 1px;
			right: 5px;
			top: 5px;

			cursor: pointer;
			line-height: 0px;
			font-size: 0px;
		}

			div.ui-tooltip .ui-tooltip-close .ui-icon{
				height: 16px;
				width: 16px;
				display: block;

				opacity: 0.8;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
				filter: alpha(opacity=80);
			}
			div.ui-tooltip .ui-tooltip-close:hover .ui-icon{
				opacity: 1;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: alpha(opacity=100);
			}

		/*! Custom button class */
		div.ui-tooltip .ui-tooltip-button{
			float: right;
		}

	/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
	div.ui-tooltip-focus{

	}

/*! Default tooltip style */
div.ui-tooltip-wrapper{
	border-color: #D3D3D3;
    border-width: 1px;
	background-color: #FFF;
    min-width:100px;
}
    div.ui-tooltip-wrapper div.ui-tooltip-content{
		line-height:normal;
	}

	div.ui-tooltip .ui-tooltip-titlebar{
		background-color: #F0DE7D;
	}

	div.ui-tooltip .ui-tooltip-close .ui-icon{
		background: #A27D35 url('images/close.png') no-repeat 50% 50%;
	}

/*! Trash tooltip style */
div.ui-tooltip-trash{
    max-width: 200px;
}
    div.ui-tooltip-trash .ui-tooltip-wrapper{
	    border: 2px solid #F9E98E;
        border-width: 4px;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        color: #915629;
        background-color: #FBF7AA;
    }

	div.ui-tooltip-trash div.ui-tooltip-content{
		padding: 10px;
        text-align: center;
	}

/*! Add shadows to your tooltips in all supported browsers */
div.ui-tooltip-shadow{
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);

  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
  -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";
}

div.ui-tooltip-tip{
	position: absolute;
	margin: 0 auto;
	overflow: hidden;

	line-height: 0.1px;
	font-size: 1px;

	background: transparent !important;
	border: 0px !important;
	z-index: 10;
}

	div.ui-tooltip-tip *{
		line-height: 0.1px;
		font-size: 0.1px;
	}

	div.ui-tooltip-tip div{
		background: transparent !important;
		border: 0px dashed transparent;
	}

#qtip-blanket{
	position: absolute;
	left: -10000em;
	top: -10000em;

	background-color: black;
	cursor: pointer;

	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);


	/* Set this to any below 15000 (default starting z-index for qTips) */
	z-index: 14999;
}
