﻿/* Body
----------------------------------------------------------*/
html, body 
{
	width: 100%;
}

body
{
    background: #fafdfd url(/Content/images/backgroundGradient.jpg) repeat-x;
    font-size: .75em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

body.public
{
	width: auto;
	margin: 20px;	
}

a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

a.smallLink
{
    font-size:x-small;
}

a.disabled
{
    color:#cccccc;
}

p, ul
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

code
{
	font-family: Monospace;
	font-size: 12px;
	color: Black;
	white-space: pre;	
}

hr 
{
	color: #cccccc;
	background-color: #cccccc;
	height: 1px;
}

/* Headings   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
    margin-top: 5px;
    margin-bottom: 5px;
}

h2 a, h2 a:link, h2 a:active, h2 a:visited
{
    color: inherit !important;
    font-size: inherit !important;
    text-decoration: none !important;
}

h2 a:hover
{
    color: #999999 !important;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* Forms   
----------------------------------------------------------*/
form
{
	margin: 0px;
	padding: 0px;
}

fieldset 
{
    margin-top: 10px;
    padding: 0px;
    border: none;
}

fieldset p, fieldset > div 
{
    margin: 2px 12px 10px 10px;
    padding: 0px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 12px;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
}

textarea, input[type="text"], input[type="password"]
{
    width: 200px;
    border: 1px solid #CCC;
}

select
{
	background: #d4d4d4 url(/content/images/selectBG.jpg) repeat-x;
	color:#404040;
	height:18px;
	font-size: .85em;
	font-weight:bold;
	border: 1px solid #868686;
	border-bottom: 1px solid #f5f5f5;
	
}

.largeMenu
{
	height:40px;
	padding: 7px;
	font-size: large;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

/* Tables
----------------------------------------------------------*/

table 
{
  /*border: solid 1px #e8eef4;*/
  border-collapse: collapse;
}

table td
{
  padding: 5px;
  /*border: solid 1px #e8eef4;*/
}

table th
{
  padding: 6px 5px;
  text-align: left;
  /*background-color: #e8eef4;   */
  /*border: solid 1px #e8eef4;   */
}

/* Page Layout
----------------------------------------------------------*/
#pageContainer
{
	width: 100%;
	padding: 0px 0px 0px 0px;
}

#consoleContainer
{
	width: 975px;
}

#consoleHeader
{
	height: 50px;
	background: #1c1c1c url(/Content/images/headernavBackground.jpg) repeat-x;
	padding: 0px 17px 0px 17px;
}

#consoleHeader a, #consoleHeader a:visited, #consoleHeader a:link
{
	color: #cccccc;
	text-decoration: none;
}

#consoleHeader a:hover
{
	color: #ffffff;
	text-decoration: none;
}

.consoleHeaderLogo
{
	margin-top: 12px;
	border-style: none;
}

#consoleHeaderNavContainer
{
	padding: 8px 7px 0px 17px;
}

#consoleHeaderAccountContainer
{
	position: relative; 
	top: 10px;
	padding-right: 7px;
}

#consoleContent
{
	padding: 20px 0px 20px 0px;
	min-height:525px;
}

#consoleLeftNavBar
{
	width: 207px;
	padding: 0px;
	margin: 0px;
}

#consoleRightContent
{
	width: 750px;
	padding: 0px 0px 0px 0px;
	padding: 0px 5px 0px 10px;
}

#consoleFooter
{
	padding: 17px 0px 17px 0px;
	border-top: 1px solid #cccccc;
}

#consoleReadOnlyMessage
{
	margin:0px auto;
	width:70%;
	background-color:#fbdadb;
	border:1px solid #f85457;
	margin-bottom:10px;
}

#consoleReadOnlyMessage h2
{
	font-size:1.3em;
	text-align:center;
	margin:5px 0px 0px 0px;
	padding:0px;
}

#consoleReadOnlyMessage h2 img
{
	margin-top:-5px;
	vertical-align:middle;
}

#consoleReadOnlyMessage p
{
	margin:0px 20px 10px 20px;
}

/* Lightboxes
--------------------------------------------------*/
.consoleLightbox
{
	background: #ffffff;
	visibility:hidden; display:none;
}

.consoleLightbox .consoleLightboxContent
{
	margin: 14px;
	padding: 14px;
	background: #f9f9f9;
	width: auto;
	height: auto;
	color: #707070;
}

.consoleLightbox .consoleLightboxContent h2
{
	color: #005a8c;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

.consoleLightbox .consoleLightboxContent p
{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #707070;
	font-size: 12px;
}


.consoleLightbox .consoleLightboxContent select
{
	height: 24px;
}

.consoleLightbox .consoleLightboxContent select,
.consoleLightbox .consoleLightboxContent textarea,
.consoleLightbox .consoleLightboxContent input[type="password"],
.consoleLightbox .consoleLightboxContent input[type="text"]
{
	width: 100%;
	background: #e3e3e3 url(/Content/images/lightGreyInputFieldBg.jpg) repeat-x scroll 0 0;
	border: none;
	border-bottom: 1px solid #d2d2d2;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
	margin-left: 0px;
	padding: 3px;
}
	
.consoleLightboxContent a:active
{
	color: #ffffff;
}

 .consoleLightboxContent img.loaderImage
 {
	margin: 20px 0px;	
 }
 
 .consoleLightboxActions
{
	text-align: center;
}

.consoleLightboxActions a, .consoleLightboxActions a:link, .consoleLightboxActions a:visited
{
	color: #ffffff;
	font-weight: bold;
	display: inline-block;
	background: #595959 url(/Content/images/lightboxButtonBg.jpg) repeat-x;
	padding: 5px 15px 5px 15px;
	min-height: 25;
	margin: 4px;
	font-size: 12px;
	text-decoration: none;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	cursor: pointer;
}

.consoleLightboxActions a:hover
{
}

.consoleLightboxActions a.disabled
{
	color: #cccccc !important;
	cursor: default !important;
	background: #8a8a8a url(/Content/images/lightboxButtonDisabledBg.jpg) repeat-x !important;
}

.consoleLightboxActions a.enabled
{
	color: #ffffff !important;
	cursor: pointer !important;
	background: #595959 url(/Content/images/lightboxButtonBg.jpg) repeat-x !important;
}


/* Buttons
------------------------------------------------*/
.superButton, .superButton:link, .superButton:visited
{
	color: #222222;
	display: inline-block;
	background: #ffffff url(/Content/images/superButtonBackground.jpg) repeat-x left bottom;
	padding: 12px 20px 12px 20px;
	margin: 0px;
	font-size: 14px;
	text-decoration: none;
	border: 1px solid #cfcfcf;
	cursor: pointer;
}

.superButton:hover
{
}

.superButtonDark:active
{
	color: #ffffff;
}

.superButtonDark, .superButtonDark:link, .superButtonDark:visited
{
	color: #ffffff;
	display: inline-block;
	background: #484848 url(/Content/images/superButtonDarkBg.jpg) repeat-x;
	padding: 8px 20px 8px 20px;
	margin: 4px;
	font-size: 12px;
	text-decoration: none;
	border: 0px;
	cursor: pointer;
}

.superButtonDark:hover
{
}

.superButtonDark:active
{
	color: #000000;
}

a.disabled
{
	cursor: default !important;
}

.superButtonLight, .superButtonLight:link, .superButtonLight:visited
{
	color: #1f1f1f;
	display: inline-block;
	background: #5d5d5d url(/Content/images/superButtonLightBg.jpg) repeat-x;
	padding: 8px 20px 8px 20px;
	margin: 4px;
	font-size: 12px;
	text-decoration: none;
}

.superButtonLight:hover
{
}

.superButtonLight:active
{
	color: #ffffff;
}

.superShadow
{
}

.superContainer
{
	color: #fefefe;
	padding: 12px 12px;
	background: url(/content/images/greyScreenBG.jpg) repeat;
	border: 1px solid #1d1d1d;
}

/* Header 
----------------------------------------------------------*/
#accountOptions
{
	background: transparent url(/Content/images/headerAccountOptionsBackground.jpg) repeat-x;
	padding: 8px 15px 8px 15px;
	white-space: nowrap;
}

#accountOptions a, #accountOptions span
{
	color: #cccccc;
	font-size: 11px;
}


/* Navigation  
----------------------------------------------------------*/
.headnavTabIndicator
{
	visibility: hidden;	
	position: relative;
	top: 0px;
}

.headnavTabIndicatorDashboard
{
	visibility: visible;
	left: 42px;
}

.headnavTabIndicatorVideoApps, .headnavTabIndicatorMedia, .headnavTabIndicatorForms 
{
	visibility: visible;
	left: 142px;
}

.headnavTabIndicatorReports
{
	visibility: visible;
	left: 242px;
}

#navigationTabs
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#navigationTabs li
{
	float: left;
	margin: 0px;
	width: 100px;
	height: 35px;
	text-align: center;
}

#navigationTabs a, #navigationTabs a:visited, #navigationTabs a:link
{
	display: block;
	font-size: 12px;
	padding: 8px 0px;
	width: 100px;
	background: transparent url(/Content/images/pixel.gif);
	text-decoration: none;
}

#navigationTabs li.tabSelected
{
	background: transparent url(/Content/images/headerNavOn.jpg) no-repeat;
}

#navigationTabs a:hover
{
	color:#ffffff;
}

#navigationTabs li.tabSelected a
{
	color:#ffffff;
}

/* Right navigation
----------------------------------------------------------*/
#leftNavContainer
{
	min-height: 600px;
}

.leftNav a img
{
	border: none;
}

dl.leftNav
{
	list-style-type: none;
	padding: 10px 5px 10px 5px;
	margin: 0px 0px 10px 0px;
	background: #ffffff;
	color: #3f3f3f;
}

dl.leftNav .selected
{
	list-style-type: none;
}

dl.leftNav dt
{
	padding: 3px 5px 3px 5px;
	margin: 0px;
}

dl.leftNav dt.selected
{
	background: transparent url(/Content/images/leftNavTopLevelBg.jpg) no-repeat;
}

dl.leftNav dt.separator
{
	border-bottom: 1px solid #cccccc;
}

dl.leftNav dt.selected
{
	border-bottom: none;
}

dl.leftNav dt a, dl.leftNav dt a:visited, dl.leftNav dt a:link, dl.leftNav dt a:active
{
	font-size: 14px;
	font-weight: bold;
	color: #3f3f3f;
	text-decoration: none;
	display: block;
	padding: 3px 5px 3px 5px;
}

dl.leftNav dt a:hover
{
	font-size: 14px;
	font-weight: bold;
	color: #005a8c;
	text-decoration: none;
	display: block;
	background: transparent;
	padding: 3px 5px 3px 5px;
}

dl.leftNav dt.selected a:hover
{
	border-bottom: none;
	color: #005a8c;
}

dl.leftNav dt a.indent
{
	padding: 3px 5px 3px 20px;
	font-size: .9em;
}

dl.leftNav dd
{
	margin: 3px 35px 3px 30px;
	padding: 3px 3px 3px 10px;
	list-style-type: disc;
	background: #f2f2f2;
}

dl.leftNav dd a, dl.leftNav dd a:visited, dl.leftNav dd a:active, dl.leftNav dd a:link
{
	color: #3f3f3f;
	text-decoration: none;
	background: transparent;
}

dl.leftNav dd a:hover
{
}

dl.leftNav dd.selected
{
	margin-right: 20px;
	background: url(/Content/images/leftNavLowerLevelBg.gif) no-repeat;
}

dl.leftNav dd.selected a
{
	color: #ffffff;
}

/* Dashboard
----------------------------------------------------------*/

#activityContainer
{
	width: 70%;
}

#activityFeed
{
}

.activityFeedItem
{
}

#dialyStatsContainer
{
	border: 1px solid #cccccc;
	padding: 5px;
	margin-left: 10px;
}


/* VideoApps
----------------------------------------------------------*/
#videoAppList
{
	padding: 18px;
}

.videoAppListItem
{
    color: #696969;
	background: #ffffff;
	margin: 0px 0px 15px 0px;
}

.videoAppListItem hr
{
	color: #cccccc;
	background-color: #cccccc;
	border: 0;
}

.videoAppListItemDetails
{
	color: #666666;
	background: #ffffff url(/Content/images/videoAppItemBackground.jpg) repeat-x left bottom;
	padding: 13px;
}

.videoAppListItemDetails h2
{
	color:#404040;
	margin-bottom: 0px;
	margin-top:0px;
	padding-bottom: 0px;
	font-size: 20px;
	font-weight: normal;
	line-height: 25px;
}

.videoAppListItemDetails ul
{
	list-style-type: none;
}

.videoAppListItemDesc
{
	max-width: 480px;
	word-wrap: break-word;
}

.videoAppDetailsTable
{
	border: none;
	border-collapse: collapse;
	font-size: 11px;
	background-color: Transparent;
}

.videoAppDetailsTable td
{
	vertical-align: middle;
	border: none;
	text-align:left;
	padding:3px 0px;
}

.videoAppDetailsTable th
{
	background-color:Transparent;
	color: #404040;
	text-align: right;
	text-decoration:bold;
	white-space: nowrap;
	border: none;
	vertical-align: middle;
	padding:3px 5px;
}

.go-live-row
{
	height: 24px;
}

.videoAppListItemOptions
{
	height: 31px;
	background: #254968 url(/Content/images/videoAppItemOptionsBackground.jpg) repeat-x;
	border-right: 1px solid #2a4c6a;
	border-left: 1px solid #2a4c6a;
	padding: 0px 13px 0px 13px;
}

.videoAppListItemOptions a, .videoAppListItemOptions a:link, .videoAppListItemOptions a:visited
{
	margin-top: 3px;
	color: #fefefe;
	display: inline-block;
	padding: 4px 10px 5px 10px;
	border: 1px solid #46637d;
	background: #20384d;
	text-decoration: none;
}

.videoAppListItemOptions a:hover
{
	color: #ffffff;
	border-color:#ffffff;
}

.videoAppListItemOptions a:active
{
	color: #666666;
}

.videoAppListItemOptions a.disabled
{
	color:#666666;
	cursor:default;
	border-color:#46637d;
}

.videoAppListThumbnailContainer
{
	background: #f8f8f8;
	border: 1px solid #e8e8e8;	
	width: 158px;
	height: 88px;
	padding: 0px;
	margin: 0px 15px 0px 0px;
}

.videoAppListThumbnailContainer table
{
	padding: 0px;
	border: none;
	border-collapse: collapse;
	background-color: Transparent;
	width: 158px;
	height: 88px;
	vertical-align: middle;
	text-align: center;
}

.videoAppListThumbnailContainer table td
{
	padding: 0px;
}

.videoAppListThumbnail
{
	margin: 0px;
	padding: 0px;
	max-width: 158px;
	max-height: 88px;
	border: none;
}

#shareLightbox,
#personalizeSaveLightbox,
#deleteVideoAppLightbox
{
	padding: 16px;
}

.embedCode
{
	font-family: Monospace;
	font-size: 11px;
	border: 0;
	overflow: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}

#personalizeSaveLightbox h2
{
	margin: 0px;
	padding: 0px;
	color: #333333;
}

#personalizeSaveLightbox input
{
	width: 100%;
	font-size: 1.2em;
}

#personalizedLogoContainer
{
	width: 590px;	
}

#personalizedEditorContainer
{
}

#personalizedEditorVideoApp
{
	padding: 0px 8px 0px 8px;
	width: 600px;
}

#personalizedEditorLogo
{
	width: 590px;
	margin: 0px 0px 20px 0px;
}

#personalizedEditorLogo img
{	
	max-width: 580px;
	max-height: 125px;
}

#personalizedUrlMessage
{
	color: #474747;
	background-color: #ffffff;
	border:1px solid #666666;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	padding: 10px;
	margin: 10px 0px 20px 0px;
}

#personalizedUrlMessage div
{
	background-color: transparent;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

#personalizedUrlMessage a
{
	color: #000000;
}

div.editable
{	
	background: transparent url(/Content/images/editIcon.gif) no-repeat right top;
	border: 1px solid transparent;
	cursor: text;
}

#personalizedVideoAppPage pre
{
	font-size: 1em;
	font-family: Verdana, Helvetica, Sans-Serif;
	margin: 0px;
	padding: 0px;
}

#personalizedTitle
{
	width: 590px;
	min-height: 30px;
	font-size: 1.4em;
	word-wrap: break-word;
}

#personalizedMessage
{
	width: 590px;
	min-height: 150px;
	word-wrap: break-word; 
    white-space: -moz-pre-wrap;
    white-space: pre-wrap; 

}

#personalizedTitle input
{
	width: 590px;
	height: 40px;
	border: 1px solid #cccccc;
	background: #FFFBCF;
}

#personalizedMessage textarea
{
	width: 590px;
	height: 160px;
	border: 1px solid #cccccc;
	background: #FFFBCF;
}

#shareEditorLogo textarea
{
	width: 165px;
	height: 100px;
	border: 1px solid #cccccc;
	background: #FFFBCF;
}

#personalizedVideoAppPlayer
{
	margin: 20px 0px 20px 0px;
	width: 590px;
	height: 375px;
}

#personalizedEditorInfo
{
	width: 165px;
	height: 380px;
}

.editorDoneButton
{
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-right: 2px;
	background: transparent url(/Content/images/checkIcon.gif) no-repeat;
}

.editorCancelButton
{
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-left: 1px;
	background: transparent url(/Content/images/cancelIcon.gif) no-repeat;
}

/* Accounts
----------------------------------------------------------*/
#accountListAjax
{
	padding: 20px;
}

#userSettingsLightbox input, #forgotLightbox input
{
	color: #000000;
	font-size: 12px;
	background: url(/Content/images/lightGreyInputFieldBg.jpg) repeat-x;
	display: inline;
	width: 100%;
}

#accountListAjax h2
{
	color: #494949;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	line-height: 15px;
}

#accountListAjax p
{
	color: #494949;
	font-size: 11px;
	margin: 10px 0px;
}

/* Lists
----------------------------------------------------------*/
.listHeader
{
	font-size: 14px;
	color: #ffffff;
	padding: 10px 17px;
	background: #484848 url(/content/images/listHeaderBg.jpg) repeat-x;
	border: none;
}

.listContainer
{
}

.listContent
{
	background: #ffffff;
	padding: 10px;
	color: #000000;
}

.listItem
{
	margin-bottom: 13px;
	background: #e9e9e9 url(/content/images/listItemBg.jpg) repeat-x;
}

.listItemHeader, .listItemHeaderNormal
{
	padding: 10px 17px;
	font-size: 12px;
	color: #ffffff;
	background: #163755 url(/content/images/listItemHeaderNormalBg.jpg) repeat-x;
}

.listItemHeaderImportant
{
	background: #aa4339 url(/content/images/listItemHeaderImportantBg.jpg) repeat-x;
}

.listItemContent
{
	padding: 8px 17px;
	font-size: 11px;
	color: #666666;
}

.listTitle
{
	padding: 0px 20px 10px 20px;
	background: #ffffff;
}

.listTitle h2
{
	font-size: 2em;
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.sortableListHeader
{
	color: #ffffff;
	font-size: 12px;
	padding: 5px 20px 1px 20px;
	margin: 0px 0px 10px 0px;
	height: 28px;
	background: #014971 url(/Content/images/sortableListHeaderBg.jpg) repeat-x top;
}

.sortableListHeader form
{
	margin: 0px;
	padding: 0px;
}

.sortableListHeader select
{
	color: #ffffff;
	font-size: 12px;
	background: #014971 url(/Content/images/sortableListHeaderBg.jpg) repeat-x top;
	border: 1px solid #4384a8;
	font-weight: normal;
	min-width: 150px;
}

#sortableListNoItemsMessage
{
	margin: 20px;
}

.sortableListItem
{
	margin-bottom: 10px;
	background: #ffffff;
	padding: 10px;
	border: 1px solid #d8d8d8;
	color: #000000;
}

.addableListItem
{
	color: #ffffff;
	background: #555555 url(/Content/images/uploadClipBg.jpg) repeat-x left top !important;
	width: 662px;
}

.addableListItem h2
{
	color: #ffffff;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 12pt;
}

.addableListItem textarea
{
	height: 65px;
}

.addableListItem textarea,
.addableListItem input[type="text"]
{
	color: #ffffff;
	background: #525252;
	border-top: 1px solid #424242;
	border-left: 1px solid #4e4e4e;
	border-right: 1px solid #4e4e4e;
	border-bottom: 1px solid #797979;
	margin-bottom: 10px;
}

addableListItem a, .addableListItem a:link, .addableListItem a:visited
{
	color: #7d7d7d;
	font-weight: bold;
	display: inline-block;
	background: #ffffff;
	padding: 5px 15px 5px 15px;
	min-height: 25;
	margin: 4px;
	font-size: 12px;
	text-decoration: none;
	border: 0px;
	cursor: pointer;
}

.sortableListItem p
{
	margin: 0px;
}

.sortableListItemDesc
{
	font-size: .9em;
	color: #000000;
}

.sortableListItemDesc h2
{
	font-size: 12pt;
	margin: 0px;
	padding: 0px;
	color: #3f3f3f;
}

.sortableListItemDesc a.ui-corner-all
{
	font-size: .9em;
}

.sortableListItemActions
{
	
}

a.whiteButton, a.whiteButton:link, a.whiteButton:visited,
.sortableListItemDesc a.ui-corner-all, .sortableListItemDesc a.ui-corner-all:hover, .sortableListItemDesc a.ui-corner-all:visited,
.sortableListItemActions a, .sortableListItemActions a:link, .sortableListItemActions a:visited,
.sortableListButton, .sortableListButton:link, .sortableListButton:visited, .sortableListButton:hover
{
	margin-top: 3px;
	color: #7d7d7d;
	display: inline-block;
	padding: 5px 8px 3px 6px;
	border: 1px solid #cccccc;
	background: #ffffff;
	text-decoration: none;
	font-size: .8em;
	line-height: 1em;
	min-height: 13px;
}

.sortableListItemActions a img
{
	border: none;
	padding: -2px 0px 1px 0px;
}

.sortableListItemActions a.disabled img
{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: .50;
}

.videoAppPreviewIconContainer
{
	position: absolute;
	z-index: 101;
	cursor: pointer;
}

.videoAppPreviewOver
{
	position: absolute;
	visibility: hidden;
	z-index: 100;
}

.videoAppPreviewDimmer
{
	position: absolute;
	width: 83px;
	height: 47px;
	z-index: 99;
}

.videoAppPreviewIcon
{
	position: absolute;
	z-index: 98;
}

.videoAppPreviewIcon a
{
	display: block;
	width: 83px;
	height: 47px;
	background: none;
}

a.whiteButton:hover,
.sortableListItemDesc a.ui-corner-all:hover, .sortableListItemActions a:hover
{
	color: #333333;
	border-color:#333333;
}

a.whiteButton:active,
.sortableListItemDesc a.ui-corner-all:active, .sortableListItemActions a:active
{
	color: #666666;
}

.sortableListItemActions a.disabled
{
	color:#e0e0e0;
	cursor:default;
	border-color:#e0e0e0;
}

.sortableListItemThumbnailContainer
{
	background: #f8f8f8;
	border: 1px solid #e8e8e8;	
	width: 83px;
	height: 47px;
	padding: 0px;
	margin: 0px 10px 0px 0px;
}

.sortableListItemThumbnailContainer table
{
	padding: 0px;
	border: none;
	border-collapse: collapse;
	background-color: Transparent;
	width: 83px;
	height: 47px;
	vertical-align: middle;
	text-align: center;
}

.sortableListItemThumbnailContainer table td
{
	padding: 0px;
}

.sortableListItemThumbnail
{
	margin: 0px;
	padding: 0px;
	max-width: 83px;
	max-height: 47px;
	border: none;
}

.sortableListItemDesc h2 a
{
	
	font-size: 12pt;
	color: #3f3f3f !important;
}

.sortableListItemDesc h2 a:hover
{
	
	font-size: 12pt;
	color: #005a8c !important;
}

/* Misc  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.inline
{
    display: inline;
}

.cleaner { 
     clear:both; 
     height:1px; 
     font-size:1px; 
     border:none; 
     margin:0; padding:0; 
     background:transparent; 
}

.error
{
    color:Red;
    font-size: .9em;
}

.right
{
	text-align: right;	
}

.floatRight
{
	float: right;	
}

.floatLeft
{
	float: left;	
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.middle {
  margin-top: auto;
  margin-bottom: auto;
}

#loginMessage p
{
	color:Red;
	text-align:center;
}

#loginScreenContainer, #verifyScreenContainer
{
	text-align:center;
	margin:60px auto;
}

verifyScreenContainer input
{
	width: 100%;
}

#errorContainer
{
	margin:60px auto;
}

#loginScreenContainer h2, #verifyScreenContainer h2
{
	font-size: 20px;
	color: #787878;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

#forgotPassword, #forgotPassword:visited
{
	color: #ffffff;
	text-decoration:none;
}

#forgotPassword:hover
{
	text-decoration: underline;
}

#loginFormContainer, #verifyFormContainer 
{
	color: #ffffff;
	margin:0px auto;
	width: 383px;
    border: 1px solid #cccccc;
    padding: 23px;
    text-align:left;
    background: #3c3c3c url(/Content/images/signinFormBg.jpg) repeat-x;
}

#loginFormContainer
{
	margin-top: 20px;
	height: 210px;
}

#verifyFormContainer
{
	height: 400px;
}

#loginFormContainer input[type="text"],
#loginFormContainer input[type="password"],
#verifyFormContainer input[type="text"],
#verifyFormContainer input[type="password"]
{
	border: 1px solid #5f5f5f;
	background: #282828 url(/Content/images/signinFormInputBg.jpg) repeat-x;
	color: #ffffff;
	width: 100%;
	font-size: 12px;
	padding: 5px;
	color: #ffffff;
}

#didYouKnowContainer
{
	float: left;	
	border: 1px solid #cccccc;
	padding: 10px;
	width: 250px;
	margin: 0px 0px 0px 15px
}

#verifyFormContainer #password, 
#verifyFormContainer #confirmPassword, 
#loginFormContainer #password, 
#loginFormContainer #username
{
}

#searchControl
{
	
}

.dashboardMainTable
{
	font-size: larger;
}
.tableTitle
{
	font-size: x-large;
	color: White;
}
a.imageLink img
{
	border-style: none;
}

td.subReportContainerCell
{
	padding: 0;
	margin: 0;
}

td.hitCountColumn, th.hitCountColumn
{
	width: 100px;
}

td.detailsCountColumn, th.detailsCountColumn
{
	width: 100px;
}

/* Pager
---------------------------------- */
.pager 
{
	margin: 8px 3px;
	padding: 3px;
}

.pager .disabled 
{
	border: 1px solid #ddd;
	color: #999;
	margin-top: 4px;
	padding: 3px;
	text-align: center;
	padding: 3px 5px;
}

.pager .current 
{
	background-color: #E8EEF4;
	border: 1px solid #009;
	font-weight: normal;
	color: #034af3;
	margin-top: 4px;
	padding: 3px 5px;
	text-align: center;
}

.pager span, .pager a
{
	margin: 4px 3px;
}

.pager a 
{
	border: 1px solid #c0c0c0;
	padding: 3px 5px;
	text-align: center;
	text-decoration: none;
	background-color: #ffffff;
}

.pager a:hover
{
	background-color: #cccccc;
}

.pager a:visited
{
	background-color: #ffffff;
}

.pager a:active
{
	background-color: #ffffff;
}

.pager a:link
{
	background-color: #ffffff;
}
.thinBottomBorder
{
    border-bottom: solid thin black;
}
/*
Grey Screen
*/

.greyScreenDiv
{
	color: #fefefe;
	padding:10px 0px;
	background: url(/content/images/greyScreenBG.jpg) repeat;
	border:1px solid #1d1d1d;
}

.listHeader
{
	font-size: 14px;
	color: #ffffff;
	padding: 10px 17px;
	background: #484848 url(/content/images/listHeaderBg.jpg) repeat-x;
	border: none;
}

.listContianer
{
	color: #fefefe;
	padding: 13px 17px;
	background: url(/content/images/greyScreenBG.jpg) repeat;
	border: 1px solid #1d1d1d;
}

.listItem
{
	margin-bottom: 13px;
	background: #e9e9e9 url(/content/images/listItemBg.jpg) repeat-x;
}

.listItemHeader, .listItemHeaderNormal
{
	padding: 10px 17px;
	font-size: 12px;
	color: #ffffff;
	background: #163755 url(/content/images/listItemHeaderNormalBg.jpg) repeat-x;
}

.listItemHeaderImportant
{
	background: #aa4339 url(/content/images/listItemHeaderImportantBg.jpg) repeat-x;
}

.listItemContent
{
	padding: 8px 17px;
	font-size: 11px;
	color: #666666;
}

/*
White Box
*/
.whiteBar
{
	background: url(/content/images/whiteBarBG.jpg) repeat-x;
	height:33px;
	text-align:center;
	border: 1px solid #cfcfcf;
}

.whiteBarSeperator
{
	position:relative;
	top:2px;
}

.colorInput
{
	cursor:pointer;
	width:60px !important;
}

.colorPicker
{
	position:absolute;
	width:200px;
	left:0px;
	top:22px;
	z-index:1000;
	background-color:#ffffff;
	border:1px solid #666666;
}


/* Account Settings */
#accountSettingsContainer
{
	width:95%;
	margin:0px auto;
}

#accountSettingsWrapper
{
	color: #fefefe;
	padding:13px 20px;
	background: url(/content/images/greyScreenBG.jpg) repeat;
	border:1px solid #1d1d1d;
}

.accountItem
{
	margin-top:10px;
	margin-bottom: 10px;
	background: #e9e9e9 url(/content/images/listItemBg.jpg) repeat-x;
}

.accountItemHeader, .accountItemHeaderNormal
{
	padding: 10px 17px;
	font-size: 12px;
	color: #ffffff;
	background: #163755 url(/content/images/listItemHeaderNormalBg.jpg) repeat-x;
}

.accoountItemHeaderImportant
{
	background: #aa4339 url(/content/images/listItemHeaderImportantBg.jpg) repeat-x;
}

.accountItemContent
{
	padding: 8px 17px 12px 17px;
	font-size: 11px;
	color: #666666;
}

.accountItemContent p
{
	margin:2px;
}

.accountItemContent label
{
	color:#494949;
}

#crmTable th
{
	padding-left:0px;
	font-size:1.3em;
	color:#494949;
}

#crmTable td
{
	vertical-align:middle;
}

.imageInputDiv
{
	margin-top:10px;
}

.imageInput
{
	width:100% !important;
	margin-top:3px;
}


#exceptionHandler
{
	padding:10px 20px 20px 20px;
	background-color:#ffffff;
	width:500px;
	margin:60px auto;
}

#exceptionHandler h2
{
	color:#005a8c;
	font-size:1.9em;
	font-weight:bold;
	margin-bottom:4px;
	padding:0px;
}

#exceptionHandler td
{
	text-align:center;
	color:#636363;
	font-size:.9em;
}

#visibleGainsLb_content ul
{
	margin-left:5px;
}

#visibleGainsLb_content h3
{
	margin-bottom:5px;
}

.EndpointDeleteDiv
{
	display:inline;
	margin-left:5px;
}


