/* General styles */
body, TD, TH, INPUT, TEXTAREA, SELECT, OPTION, BUTTON, PRE, P 
{
	font-family: Century Gothic, Arial, Sans-Serif;
	font-size: 12px;
	margin: 0;
}

TD 
{
	padding: 0;
	margin: 0;
}

INPUT
{
	outline: 0;	/* for Safari */
}

OBJECT
{
	outline: none;	/* for FF */
}

TEXTAREA
{
	resize: none; /* for Safari */
	outline: 0;
	border: 1px solid #cfcfcf;
}

H1, .h1
{
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: lightblue;
	line-height: 150%;
}
H2, .h2
{
	font-size: 16px;
	font-weight: bold;text-transform: uppercase;
	color: lightblue;
	line-height: 150%;
}
H3, .h3
{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	line-height: 150%;
}
H4, .h4
{
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	line-height: 150%;
}
H5, .h5
{
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	line-height: 150%;
}
H6, .h6
{
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	line-height: 150%;
}

A
{
	text-decoration: none;
	color: #000080;
	font-weight:bold;
}

A:hover
{
	text-decoration: none;
	color: #3d8ecc;
}

A:active  
{
	outline: none; 
}

A:focus  
{
	outline: none; 
	-moz-outline-style: none; 
}

A IMG
{
	border: none;
}

.clear
{
	clear: both;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.blockCenter
{
	margin-left: auto;
	margin-right: auto;
}

.clickable
{
	cursor: pointer;
}

.TabUpDashboard
{
	padding: 0 557px 0 557px; /* Here are the side body paddings. Customize the min-width by altering these values */
}

.TabUpBody
{
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}

.TabUpLeftGap
{
	width: 5%;
	vertical-align: top;
	padding-top: 16px;
	background: white url(../Images/Dashboard/gap_left.jpg) repeat-x right top;
}

.TabUpMainContainer
{
	width: 100%;
	background: url(../Images/Dashboard/PageBackgroundGradient.gif) repeat-x top left;
}

.TabUpCenterContainer
{
	width: 1000px;
	margin: 0 auto;
}

.TabUpRightGap
{
	width: 5%;
	background: white url(../Images/Dashboard/gap_right.jpg) repeat-x left top;
}

/* Form elements styles */
FORM 
{
	padding: 0;
	margin: 0;
}

INPUT.input, TEXTAREA
{
	margin: 0;
}
* HTML INPUT.input, * HTML TEXTAREA
{
	margin: -1px 0;
}
/*
INPUT.input, .input, INPUT.inputActive, .inputActive, TEXTAREA.inputActive
{
	border: 1px solid #D9D9D9;
	color: black;
	background: #B2B2B2;
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
}
INPUT.inputActive, .inputActive, TEXTAREA.inputActive
{
	border-color: Red;
}
*/
INPUT.radio, .radio INPUT
{
	width: 1.4em;
	margin-right: 0.4em;
	margin-bottom: -2px;
}
* HTML INPUT.radio, * HTML .radio INPUT
{
	margin-bottom: -1px;
}
INPUT.checkbox, .checkbox INPUT
{
	margin-bottom: 0;
}
* HTML INPUT.checkbox, * HTML .checkbox INPUT
{
	margin-bottom: -1px;
}
INPUT.button, BUTTON
{
	font-weight: bold;
	cursor: pointer;
}

/* jQuery validation */
.errorLabelContainer
{
	/*background-color: #f9b8b8;*/
	text-align: center;
	margin-bottom: 4px;
}

.error
{
	display: block;
	color: #282828;
	/*margin: 2px 0 2px 0;*/
	padding: 2px 0 2px 0;
	font-weight: normal;
	background-color: #f9b8b8;	
}

.errorField
{
	border: solid 1px red;
}

/* jQuery ui fixes */
.jQueryUI_dialogButton_disabled, .ui-button-disabled
{
	cursor: default;
	border: 1px solid #969696; 
	background: #969696 url(images/ui-bg_glass_0_969696_1x400.png) 50% 50% repeat-x; 
	font-weight: bold; 
	color: #ffffff;
	opacity: 1;
	filter: Alpha(Opacity=100);
}

/* tabup dialogs without button line */
.ui-dialog .ui-dialog-buttonpane
{
	border-top: none;
}

.ui-dialog .confirmDlg {
	font-size: 16px;
	color: #2d2d2d;
	text-align: center;
}



/* Ajax Refresh Icon */
.AjaxRefreshImage
{
	display: -moz-inline-box;
	display: inline-block;
	float:right;
	width:16px;
	height:16px;
	background:url(../Images/ajax_refresh.gif) no-repeat right;
}

.AjaxRefreshBigImage
{
	background:url(../Images/ajax_refresh_big.gif) no-repeat center;
	width: 32px;
	height:32px;
	display: -moz-inline-box;
	display: inline-block;
}

/* New Design of the header */
.tabupLogo
{
	background: url(../Images/Dashboard/Shield/DashboardShieldSprite.png) no-repeat 0 -474px;
	width:103px;
	height:52px;
	float:left;
	margin-left:15px;
}

/* Frame Border */
.cornerRightTop
{
	height:12px;
	width:12px;
	background-image: url(../images/Frame/top_right.gif);
	background-repeat: no-repeat;
	font-size:1px;
}
.cornerLeftTop
{
	height:12px;
	width:12px;
	background-image: url(../images/Frame/top_left.gif);
	background-repeat: no-repeat;
	font-size:1px;
}
.cornerRightBottom
{
	height:17px;
	width:12px;
	background-image:url(../images/Frame/bottom_right.gif);
	background-repeat:no-repeat;
	margin:0;
}
.cornerLeftBottom
{
	height:17px;
	width:12px;
	background-image:url(../images/Frame/bottom_left.gif);
	background-repeat:no-repeat;
	margin:0;
}
.frameTop
{
	height:12px;
	background-image:url(../images/Frame/top_center.gif);
	background-repeat:repeat-x;
	font-weight: bold;
	font-size:1px;
}
.frameBottom
{
	height:17px;
	background-image:url(../images/Frame/bottom_center.gif);
	background-repeat:repeat-x;
}
.frameLeft
{
	width:12px;
	background-image:url(../images/Frame/side_left.gif);
	background-repeat:repeat-y;
	margin:0;
}
.frameRight
{
	width:12px;
	background-image:url(../images/Frame/side_right.gif);
	background-repeat:repeat-y;
	margin:0;
}
.frameContent
{
	font-size: 10px;
	background:#FFFFFF;
	white-space:nowrap;
}

/* Overlays */

.BorderlessOverlay_window
{
	border: 1px solid black;
	padding: 2px;
	background-color:white;
}

.BorderlessOverlay_windowInner
{
	border-right: #ccc 1px solid; 
	border-top: #aaa 1px solid; 
	border-left: #bbb 1px solid; 
	border-bottom: #ddd 1px solid;
}

.BorderlessOverlay_Content
{
	padding: 10px 10px 0 10px;
}

.BorderlessOverlay_title
{
	font-size:16px;
	color: #555562;
	text-align:center;
}

.BorderlessOverlay_busyIcon
{
	float:left;
	width:16px;
	height:16px;
	display: block;
	background:url(../Images/ajax_refresh.gif) no-repeat right;
}

.BorderlessOverlay_bottomPanel
{
	background-color:white;
	width: 100%;	
}

.BorderlessOverlay_buttonPlaceHolder
{
	width:100%;
	text-align:left;
	padding-left:10px;
	padding-top:4px;
}

.BorderlessOverlay_CloseLink {
	display: block; 
	background: url(../Images/Frame/closelabel.gif) no-repeat center 50%; 
	float: right; 
	margin-right: 5px;
	width: 66px; 
	height: 22px;
	cursor:pointer;
}

.PopupOverlay_windowInner
{
	text-align: center;
	vertical-align:middle;
	width: 100%;
	height: 100%;
}

.PopupOverlay_buttonCell
{
	text-align: center;
}

.PopupOverlay_Content
{
	font-size: 15px;
	color: #555562;
	padding: 5px;
	text-align: center;
	vertical-align:middle;
	clear:both;
}

/* Pagination */
.pagePrev 
{
	display:block;
	width:15px;
	height:15px;
	background: url(../Images/Icons/sprite_paging_buttons.gif) no-repeat;
	background-position: 0 0;
	cursor:pointer;
	-moz-outline: none;
}

.pagePrev:hover
{
	background: url(../Images/Icons/sprite_paging_buttons.gif) no-repeat;
	background-position: 0 -15px;
}


.pageNext
{
	display:block;
	width:15px;
	height:15px;
	background: url(../Images/Icons/sprite_paging_buttons.gif) no-repeat;
	background-position: -15px 0;
	cursor:pointer;
	-moz-outline: none;
}

.pageNext:hover
{
	background: url(../Images/Icons/sprite_paging_buttons.gif) no-repeat;
	background-position: -15px -15px;
}
	
/* Video Popup Overlay*/
.VideoPopup_Title
{
	text-align: center;
	font-size: 10px; 
	height: 12px;
	line-height: 12px;
	color: #666;
	overflow:hidden;
}

/* Landing page footer*/
.landingFooter
{
	clear:both;
	font-size: 12px;
	text-align:center;	
	color:#2d2d2d;
	border-top: solid 1px #009CFF;
	margin: 30px auto 100px auto;
}

.landingFooter .footerLink
{
	color: #0197cd;
	
}
.landingFooter .footerLink:hover
{
	color: #282828;
}

/* Footer */
.mainFooter
{
	text-align: center;
	margin-bottom: 20px;
	vertical-align: bottom;
}
.mainFooter .footerLink
{
	color: gray;
}

.closeBtn
{
  background-image: url(../Images/Icons/close.gif);
  display: block;
  float: right;
  width: 15px;
  height: 15px;
  margin-left:3px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.getSilverlightImage
{
	display: block;
	background: url(../Images/getsilverlight.png) no-repeat top center;
	width: 100%;
	height: 66px;
	margin-top: 15px;
}

.iconBase
{
	display: inline-block;
	/*
	display: -moz-inline-box;
	*/
	width: 16px;
	height: 16px;
	cursor: pointer;
	margin: 1px 1px 1px 1px;	
	-moz-outline: none;
}

.iconBase:hover
{
	background-position: -16px 0;
}

.iconHelp
{
	background: url(../Images/Icons/sprite-help-icon.png) no-repeat top left;
}

.iconHelp:hover
{
	background-position: 0 -48px;
}

.iconInfo
{
	background: url(../Images/Icons/info-icon.png) no-repeat top left;
}

/* Button Plus*/
.ButtonPlus
{
	background: url(../Images/Settings/Setting_Buttons_sprite.png) -660px 0 no-repeat;	
	width: 25px;
	height: 24px;
	display: block;
}


.ButtonPlus:hover, .ButtonPlusHover
{
	background-position: -685px 0;
}

.ButtonPlusDisabled
{
	background-position: -710px 0;
}

/* left - right scroll buttons */

.leftArrowButtonBig
{
	background-image: url(../Images/ScrollableTabs/btn_left_d.gif);
	background-repeat: no-repeat;
	display: block;
	width: 19px;
	height: 31px;
	cursor: pointer;
}
.leftArrowButtonBig:hover
{
	background-image: url(../Images/ScrollableTabs/btn_left_h.gif);
}

.leftArrowActiveButtonBig
{
	background-image: url(../Images/ScrollableTabs/btn_left_a.gif);
	background-repeat:no-repeat;
	display: block;
	width: 19px;
	height: 31px;
	cursor: pointer;
}

.rightArrowButtonBig
{
	background-image: url(../Images/ScrollableTabs/btn_right_d.gif);
	background-repeat:no-repeat;
	display: block;
	width: 19px;
	height: 31px;
	cursor: pointer;
}

.rightArrowButtonBig:hover
{
	background-image: url(../Images/ScrollableTabs/btn_right_h.gif);
}

.rightArrowActiveButtonBig
{
	background-image: url(../Images/ScrollableTabs/btn_right_a.gif);
	background-repeat:no-repeat;
	display: block;
	width: 19px;
	height: 30px;
	cursor: pointer;
	padding-right:20px;
}

/* edit buttons */
.actionBtn {
	background: url(../images/icons/photo-edit-icons.png) no-repeat;
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: -moz-inline-box;
	display: inline-block;
	position: relative;
	top: 3px;
}

.actionBtn_edit
{
	background-position: 0 0;
}
.actionBtn_edit:hover, .actionBtn_editHover
{
	background-position: 0 -16px;
}
.actionBtn_rotateLeft
{
	background-position: -16px 0;
}
.actionBtn_rotateLeft:hover
{
	background-position: -16px -16px;
}
.actionBtn_rotateRight
{
	background-position: -32px 0;
}
.actionBtn_rotateRight:hover
{
	background-position: -32px -16px;
}
.actionBtn_trash
{
	background-position: -48px 0;
}
.actionBtn_trash:hover
{
	background-position: -48px -16px;
}
.actionBtn_delete
{
	background-position: -64px 0;
}
.actionBtn_delete:hover
{
	background-position: -64px -16px;
}
.actionBtn_settings
{
	background-position: -80px 0;
}
.actionBtn_settings:hover
{
	background-position: -80px -16px;
}


/* Tablet Icons */
.TabletIcon
{
	width: 16px;
	height: 16px;
	display: block;
	background: url(../Images/Icons/sprite_tablet_icons.png) no-repeat;
}

.TabletIcon9
{
}
.TabletIcon1
{
	background-position: 0 -16px;
}
.TabletIcon5
{
	background-position: 0 -32px;
}
.TabletIcon11
{
	background-position: 0 -48px;
}
.TabletIcon10
{
	background-position: 0 -64px;
}
.TabletIcon22
{
	background-position: 0 -80px;
}
.TabletIcon4
{
	background-position: 0 -96px;
}
.TabletIcon15
{
	background-position: 0 -112px;
}
.TabletIcon6
{
	background-position: 0 -128px;
}
.TabletIcon7
{
	background-position: 0 -144px;
}
.TabletIcon3
{
	background-position: 0 -160px;
}
.TabletIcon21
{
	background-position: 0 -176px;
}
.TabletIcon18
{
	background-position: 0 -192px;
}
.TabletIcon8
{
	background-position: 0 -208px;
}
.TabletIcon17
{
	background-position: 0 -224px;
}
.TabletIcon15
{
	background-position: 0 -240px;
}
.TabletIcon19
{
	background-position: 0 -256px;
}
.TabletIcon25
{
	background-position: 0 -272px;
}
.TabletIcon23
{
	background-position: 0 -288px;
}
.TabletIcon27
{
	background-position: 0 -304px;
}
.TabletIcon26
{
	background-position: 0 -318px;
}
.TabletIcon16
{
	background-position: 0 -336px;
}

.TabletIcon28
{
	background-position: 0 -352px;
}

.TabletIcon30
{
	background-position: 0 -384px;
}
.TabletIcon31
{
	background-position: 0 -400px;
}
.TabletIcon32
{
	background-position: 0 -113px;
}
.TabletIcon33
{
	background-position: 0 -416px;
}
.TabletIcon34
{
	background-position: 0 -432px;
}

.TabletIcon35
{
	background-position: 0 -448px;
}

.TabletIcon36
{
	background-position: 0 0;
}

/*Group Header Colors*/
.groupHeaderColorAqua
{
	color: #00ffff;
}
.groupHeaderColorWhite
{
	color: White;
}
.groupHeaderColorBlack
{
	color: #000000;
}
.groupHeaderColorGray
{
	color: #808080;
}
.groupHeaderColorOrange
{
	color: #ffa500;
}
.groupHeaderColorNavy
{
	color: #000080;
}

/* Dashboard */
#blockUI
{
	width: 100%; 
	height: 0; 
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index: 50000;
	background: url(../blank.gif) repeat-x repeat-y;
}

.FeedBackButton
{
	background:url(../Images/WebParts/Welcome/feedback.png) no-repeat;
	cursor:pointer;
	display:block;
	height:50px;
	width:110px;
}

.FeedBackButton:hover
{
	background: url(../Images/WebParts/Welcome/feedback_h.png) no-repeat;
}

.javascriptNotSupported
{
	text-align: center;
	font-size: 14px;
	padding: 15px 0 15px 0;
	display: block;
}

.tabletFullView_closeButton
{
	display: block;
	cursor: pointer;
	color: #7e7e7e;
	text-align: right;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}

/* jquery ui extensions */
.dialogWhiteHeader .ui-dialog-titlebar
{
	background: none;
	border: none;
}

#picViewDialog
{
	padding: 0 5px 0 5px;
}

/* Master pages */
.oneColumnMaster
{
	background: url(../Images/Dashboard/Home/background-right.png) no-repeat;
	width: 765px;
	margin: 10px auto 0 auto;
	padding: 20px;
}

.twoColumnMaster
{
	margin: 0 auto;
	background: url(../Images/Dashboard/Home/background-right.png);
	width: 806px;
}

.twoColumnMaster .leftColumn
{
	float: left;
	width: 530px;
	border-right: 1px solid lightGrey;
}

.twoColumnMaster .rightColumn
{
	float: left;
	width: 274px;
	border-left:1px solid #d3d3d3;
	margin-left: -1px;
}

.twoColumnMaster .columnInner
{
	padding: 15px;
}

.twoColumnMaster .text1
{
	font-size: 20px;
	color: #2d2d2d;	
	border-bottom: 1px solid lightGrey;
}

.twoColumnMaster .adText
{
	font-size: 13px;
	color: #8e8e8e;
	text-align: left;
	margin: 0 0 10px 0;
	padding-top: 8px;
	border-bottom: 1px solid lightGrey;
}