/*----------------------------
Global
----------------------------*/

body
{
    font-family: "Lucida Grande" , Verdana, Arial, sans-serif;
    font-size: 12px;
    background-color: #333; /*min-width: 1024px;*/
    min-width: 974px;
}

body a
{
    color: #48d;
}

a.standard
{
    text-decoration:none;
    font-size:13px;
    font-family:Verdana;
    margin:0 4px;
}

a.standard:hover
{
    border-bottom:1px dotted;
}

a.customLink
{
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

.caution
{
    color: #f00;
}

.highlight
{
    background: #bdf;
}

.left
{
    display: block;
    float: left;
}

.right
{
    display: block;
    float: right;
}

.center
{
    display: block;
    margin: 0 auto;
}

.clear
{
    clear: both;
}

.fontsize12
{
    font-size: 12px;
}

.fontsize11
{
    font-size:11px;
}

p
{
    margin: 0 0 20px 0;
    line-height: 18px;
}


h3
{
    font-size: 16px;
    margin: 10px 0;
    padding: 0;
}

h3 span
{
    background: #fcfcfc;
    border: 1px #ddd dotted;
    padding: 10px;
}

h6
{
    font-size: 12px;
    color: #666;
    font-style: italic;
}

div.featurebox
{
    background: #fcfcfc;
    border: 1px #ddd dotted;
    padding: 10px;
    margin: 0 0 20px 0;
    line-height: 18px;
}

small
{
    font-size: 10px;
    color: #999;
}

div.error
{
    background: #ffd5d5;
    border: 1px #a00 solid;
    padding: 10px;
    color: #c00;
}


/*----------------------------
Login Box
----------------------------*/

#subcontentbox
{
    width: 770px;
}

#subcontentbox .shadow
{
    padding-right: 10px;
    background: url(../images/rightShadow.gif) repeat-y scroll right;
    position: relative;
}

div.subcontentboxwidth_top
{
    width: 770px;
    #padding-top:2px;
}

div.subcontentboxwidth_bottom
{
    width: 770px;
}

div.subcontentbox
{
    background-image: url(../images/gradient-bg.gif);
    background-repeat: repeat-x;
}

div.subcontentbox h1
{
    color: #345;
    font-size: 20px;
    padding: 20px 0 0 20px;
    margin: 0;
}

div.subcontentbox .content
{
    padding: 20px;
}

div.subcontentbox h2
{
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 0px;
}

div.subcontentbox .tb-login
{
    width: 80%;
    font-size: 14px;
}

div.subcontentbox .login_right
{
    width: 50%;
    float: right;
    width:300px;
}

div.subcontentbox .login_right a.rightAlign
{
    float: right;
}

div.subcontentbox .login_left
{
    width: 50%;
}

div.login_right img.betaIcon-login
{
    position:absolute;
    right:140px;
    top:40px
}

div.subcontentbox .button
{
    padding: 5px;
    margin: 10px 0;
    width: 100px;
}

div.subcontentbox ul
{
    font-size: 12px;
    list-style: none;
    margin: 10px 0;
    padding: 0px;
}

div.subcontentbox ul li
{
    margin: 10px 0;
    background: #fcfcfc;
    border: 1px #ddd dotted;
    padding: 10px;
}

/*---------------------------------------
Updated Login Message Box on June 9,09
----------------------------------------*/

#ux_label_optimize
{
    font-size:10px;
    background-color:#ddd;
    border:1px solid #b1b1b1;
    padding:4px;
    color : #FF0000; 
}

#ux_label_optimize a
{
   text-decoration:none;
}

#ux_label_optimize a:hover
{
   border-bottom:1px dotted #48d;
}

/*----------------------------
Sign Up Table
----------------------------*/

table.signup
{
    padding: 0;
    margin: 0 0 20px 0;
}

table.signup td
{
    padding: 10px;
}

table.signup th
{
    font-weight: bold;
}

fieldset.final
{
    border: 4px solid green;
    background-color: #e8fcea;
    padding: 20px;
}

fieldset.final legend
{
    color: green;
    font-size: 14px;
    font-weight: bold;
    padding: 0 10px;
}

/*----------------------------
Admin Bar
----------------------------*/

#adminbar
{
    color: #808080;    
    /*padding: 8px 30px;   */
    background-color: transparent;
    position:absolute;
    /*position:relative;*/
    z-index:1;
    right:32px;
    top:32px;
}

#adminbar .lnkContainer
{
    /*line-height:80px;*/
}

#adminbar .lnkContainer .feedback
{
	background-color:#4488dd;
	display:inline-block;
	color:#ffffff;
	padding:2px;
	border:1px solid #fff;
	font-size:10px;
	font-weight:bold;
	margin-right:16px;
}

#adminbar a
{
    color: #48d;
    text-decoration: none;
    display: inline-block;
}

#adminbar a:hover
{
    color: #fff;
}

/*----------------------------
Header
----------------------------*/
#header
{
    background-color: #000;
    padding: 8px 30px;
    min-height:68px;
}

div.headerRightIconContainer
{ 
    position:absolute;
    cursor:pointer;      
    top:41px;
    right:280px;
}

div.headerRightIconContainer2
{ 
    position:absolute;
    cursor:pointer;      
    top:41px;
    right:280px;
}

/*Hack to balance the vertical align for header logo*/
#header img#ctl00_blankHeader_logo
{
    #margin-top:2px;
}

img.icon-feedback
{   
    /*position:relative;
    top:-46px;*/
    z-index:9999;
}

img.icon-beta
{
    margin-right:10px;
    cursor:pointer;
}   


/*----------------------------
Navigation
----------------------------*/
#navigation
{
    background-color: #000;
    padding: 0 30px;
    text-transform: uppercase;
}

#navigation ul li
{
    background-color: #1A1A1A;
    display: block;
    float: left;
}

#navigation ul li.left
{
    margin-right:2px;
}

#navigation a
{
    display: block;
    padding: 6px 10px;
    display: block;
    color: #808080;
    text-decoration: none;
}

#navigation a:hover
{
    color: #fff;
    background-color: #333333;
}

#navigation .active
{
    background-color: #333333;
    color: #fff;
}

/*----------------------------
Wrapper
----------------------------*/

#wrapper
{
    min-height: 100%;
    background-color: #333333;
    overflow: hidden;
    padding: 10px 20px 0 30px;
}

#wrapper #mainTable
{
    width: 100%;
    display: block;
    margin: 20px auto;
}

.bottom
{
    background: transparent url(../images/bottomShadow.gif) no-repeat scroll right top;
    height: 10px;
}

/*----------------------------
GENERIC NAVIGATION
----------------------------*/
ul#pageNav
{
    min-height: 2em; /*font-size: 10px;*/
    font-size: 12px;
    list-style: none; /*margin: 0;*/
    padding:0 0 0 4px; /*padding: 0;*/
    margin: 10px 290px 0px 17px;
    min-width: 220px;
}

ul#pageNav li
{
    float: left;
    margin: 0;
    padding: 0 0 0 8px;
}

ul#pageNav li.right
{
    float: right;
    margin: 0;
    padding: 0;
}

ul#pageNav li.special2
{
    color: #fff;
    padding:3px 8px 0px 28px;
    background:#48d url('../images/buttonEdit.gif') no-repeat 4px 3px;    
    height:20px;
    cursor:pointer;
    margin-right:8px;
}

ul#pageNav a
{
    color: #666;
    display: block;
    float: left;
    padding: 0px;
    margin: 0px 10px 2px 0px;
    text-decoration: none;
}


ul#pageNav a.special
{
    color: #48d;
}

ul#pageNav a.special2
{
    color: #fff;       
}

ul#pageNav a.special2:hover
{

}

ul#pageNav a:hover
{
    border-bottom: 1px dotted;
}

ul#pageNav li.current
{
    background-color: #48d;
}


/*----------------------------
CONTENT
----------------------------*/

.marginRight
{
    margin-right: 250px;
    min-height:0;   
}

#content .col
{
    padding-right: 10px;
    background: #fff url(../images/rightShadow.gif) repeat-y scroll right;
    position: relative;
}

#content .pageHeader
{
    background: #d6dde5 none no-repeat scroll right bottom;
    font-size: 16px;
    color: #000;
    padding: 8px 10px;
    /*Added height property as the page header text is now set to float:left*/
    /*height:18px;*/
}

.pageHeader h1
{
    font-size: 18px;
    font-weight: bold;
}

.pageHeader h4
{
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 6px;
}

.liveIcon
{
    width:50px;
    height:17px;
    float:right;
    margin:0 0 0 8px;
    border:0px;
    background:url('../images/live-icon-red.gif') ;
    color:#fff;
    font-size:11px;
    text-align:center;
    /*position:absolute;
    right:16px;
    top:8px;*/
    padding-top:2px;
}

.pageHeader h4 a
{
    text-decoration: none;
}

.pageHeader h4 a span
{
    color: #f00;
    border-bottom: 1px #f00 dotted;
}

.pageHeader h4.pageHeaderInfo
{
    /*float: right;
    position: absolute;
    top: 13px;
    right: 24px;*/
    font-size: 10px;
    color: #000;
    float:right;
    margin:3px 0 0 0;

}

.pageHeaderRightInfo
{
    float:right;
    position:absolute;
    top:3px;
    right:10px;
    width:95px;
    height:30px;
}

.pageHeaderHelp
{
    float:right;
    cursor:pointer;
    margin-left:8px;
    margin-top:-3px;
}

span.pageHeaderHelpTxt
{
    float:right;
    font-size:11px;
    text-decoration:none;
    cursor:pointer;
    padding-top:3px;
    margin-left:8px;
}

span.pageHeaderHelpTxt:hover
{
   border-bottom:1px dotted #48d;
}

.innerCol
{
    padding: 20px;
    margin: 0px;
    overflow: hidden;
    font-size: 12px;
    background: #fff;
    min-height: 0; 
}

.innerCol h2
{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px;
}

.innerCol h2 span
{
    font-size: 12px;
    color: #666;
    font-weight: normal;
}

.innerCol .tb-large
{
    font-size: 18px;
    width: 80%;
}

.innerCol .tb-description
{
    width: 80%;
    height: 100px;
}

.innerCol .tb-ip
{
    /*font-size: 18px;*/
    width: 100px;
    display: inline-block;
    margin: 0px 0px 0px 10px;
    padding: 1px;
}

.innerCol .tb-ip-hide
{
    display: none;
}

.innerCol .tb-selectApp
{
    width: 185px;
    margin: 4px 0px 4px 0px;
}

hr
{
    border: 1px #ccc dashed;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.helpCont
{
    display:none;
    border:4px solid #4d4d4d
}

iframe.help
{
   width:797px;
   height:592px;
   #width:802px; 
   #height:597px;
	width /*\**/: 802px\9;
 	height /*\**/: 597px\9;
   border:0px solid #000; 
}
 
 
/*----------------------------
DASHBOARD TABLE
----------------------------*/

div.replacementStatusHeader
{
    background-color:#E9E9E9;
    padding:6px 10px;
    color:#000000;
    font-size:13px;
    font-weight:bold;
}

div.appPreviewHolder
{
    width: 30%;
    float:left;
    margin-right:8px;
}

table.dashTable
{
    width: 100%;    
    /*display: block; changed on 140509 due to Web Player Preview migration into Application Updates Control*/
    /*margin:0 0 20px 0;*/ /*Changes on June 8,09*/
    margin: 0 0 8px 0; /*Changes on June 8,09*/    
}

table.dashTable tbody
{
    width: 100%;
}

table.dashTable th
{
    background: #E9E9E9 none repeat scroll 0 0;
    border-bottom: 2px solid #FFFFFF;
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 6px 10px;
}

table.dashTable td
{
    padding: 6px 0px;
    vertical-align: middle;
    border-bottom: 1px solid #EFEFEF;
}

table.dashTable td.topAlign
{
    vertical-align:top;
    padding-top:6px;
}

table.dashTable td.override_topAlign
{
    border-bottom:0;
    width:100%;
    padding-top:0px;
}

table.dashTable .what
{
    margin: 0;
    padding: 0;
}

table.dashTable .what span
{
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 10px;
    padding: 2px 4px;
    white-space: nowrap;
    width: 60px;
    text-align: right;
}

table.dashTable .name
{
    font-size: 10px;
}

table.dashTable .name span
{
    display: block;
    float: right;
    width: 150px;
}

table.dashTable .name span.user
{
    padding-left:6px;
}

table.dashTable .what .alert
{
    background-color: #f90;
}

table.dashTable .what .mayday
{
    background-color: #c00;
}

table.dashTable .what .off
{
    background-color: #666;
}

table.dashTable .what .option
{
    background-color: #48d;
}

table.dashTable .what .good
{
    background-color: #39B54A;
}

table.dashTable .what .news
{
    background-color: #69c;
}

table.dashTable .what .update
{
    background-color: #2E3192;
}

table.dashTable .what .rss
{
    background-color: #ed7b31;
}

table.dashTable .what .text
{
    background-color: #f19b36;
}

table.dashTable .what .media
{
    background-color: #89c;
}

table.dashTable .what .content
{
    background-color: #89c;
}

table.dashTable .what .app
{
    background-color: #458;
}

table.dashTable .item
{
    font-size: 11px;
    line-height: 1.2em;
    padding-left: 6px;
    padding-top: 5px;
    width: 100%;
}

table.dashTable .action
{
    color: #999;
    font-size: 10px;
    padding: 6px;
    text-align: right;
    white-space: nowrap;
}

table.dashTable .date
{
    color: #222222;
    font-size: 10px;
    text-align: left;
}

table.dashTable .date span
{
    padding: 2px 4px;
    width: 40px;
    float: right;
}

table.dashTable .date .today
{
    text-transform: uppercase;
    color: #39B54A;
}

table.dashTable p
{
    padding: 0px 35px 20px 20px;
}

table.dashTable a
{
    text-decoration: none;
}

table.dashTable a:hover
{
    border-bottom: 1px dotted #48d;
}

table.iconHolder
{
    margin:8px 0 4px;
}

/*Updated dashboard help section style*/


ul.listDashboard 
{
    display:inline-block;
    margin:10px 0;
    background-color:Red 
}

table.helpItem
{   
    float:left;
    margin:10px 0 0 0;
}

div.tutorialLinkHolder
{
  
    margin:0 0 0 10px;
}

div.tutorialLinkHolder ul
{
    padding:4px 0 0 0;
}

div.tutorialLinkHolder ul li
{
    padding:4px 0;
}

div.tutorialLinkHolder a
{
    text-decoration:none;    
}

div.tutorialLinkHolder a:hover
{
    border-bottom:1px dotted;    
}


a.showHideLink
{   /*right:32px;*/    
    float:right;
    margin-right:10px;
    text-decoration:none;
    border-bottom:1px dotted transparent;
    font-size:11px;

}

a.showHideLink:hover
{
    border-bottom:1px dotted #48d;
}

div.helpContainerTitle b
{
    float:left;
}

div.helpContainerTitle span
{
    float:right;
}

div.helpContainer
{   
    /*float: left;*/
    /*width: 24.9%; */
    /*width:33%;*/
    /*width:29%;*/
    text-align: center;
    font-size:12px;
}

div.helpContainer img
{    
    text-align: center;
    display: inline-block;
    /*Need to put white background as jquery animation makes the img background to black when animating it*/
    background-color:#fff ;
}

div.helpContainer img.info
{
    position:relative;
    top:-115px;
    left:-20px;   
    /*Need to put white background as jquery animation makes the img background to black when animating it*/
    background-color:transparent;
}

img.arrowHelp
{
    /*float:left;
    position:relative;
    left:10%;*/
    /*display:block;
    margin-left:-10px;    
    margin-right:10px;
    #margin-left:0px;
    #margin-right:20px*/
    margin-right:4px;
}

div.helpContainer span
{
    width: 150px;
    display: inline-block;
}

div.helpContainer a
{
    text-decoration:none;
}

div.helpContainer a:hover
{
    border-bottom:1px dotted;
}

div.helpContainer a.overrideBorder
{
    border:none;
}

div.helpContainer a.title
{
    
    font-weight:bold;
}

div.welcomeBox
{
    font-weight:bold;
}

div.welcomeBox span
{
   font-size:16px;
   font-weight:bold;
}

div.helpBar
{
    background-color:#E9E9E9;
    height:16px;
    /*margin:0 0 20px 0;*/ /*Changes on June 8,09*/
    /*margin:0 0 8px 0;*/ /*Changes on June 8,09*/
    padding:6px 10px;
}

div.helpBar span
{
   float:left;
    color:#000000;
    font-size:13px;
    font-weight:bold;
}

div.helpContainerHolder
{
    min-height: 0;
    position: relative;
}

div.helpContainerTxt
{
    width: 25%;
    padding-left: 40px;
    margin-right:1.9%;
  
    float: left;
    font-size:12px;
}

div.helpContainerTxt span
{
    font-size: 18px;
    font-weight: bold;
    margin-left: -20px;
    position: relative;
    left: -20px;
    #top:-5px;
}
        
div.helpContainerTxt a
{
    text-decoration:none;
}

div.helpContainerTxt a:hover
{
    border-bottom:1px dotted;
}

div.helpContainerTxt a.title
{
    font-size:16px;
    font-weight:bold;
    margin-bottom:4px;
    display:inline-block;
    border-bottom:1px dotted #fff;
}

div.helpContainerTxt a.title:hover
{
    border-bottom:1px dotted #48d;
}

a.smallLink
{    
    font-size:11px;
    text-decoration:none;
}

a.smallLink:hover
{    
    border-bottom:1px dotted;
}


/*Updated for AppPreview*/

/*div.appPreviewHolder
{
    width:300px;
    height:200px;
    background:#000;
}*/

/*--------------------------------------
RIGHT APPLICATION SELECTOR SIDEBAR
---------------------------------------*/

#sidebar
{
    width: 250px;
    color: #FFF;
    float: right;
}

#sidebar a
{
    color: #fff;
    text-decoration: none;
} 

#sidebar .createNew a.editModeBar,
#sidebar .createNew a.liveModeBar
{
    display:inline-block;
    width:240px;                 
    padding:8px 0;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
    position:relative;  
}

#sidebar .createNew a.editModeBar
{
    /*background:#9e0b0f;*/
    /*background:#ed1c24;*/
    /*background:url('../images/editBarBackground.png') repeat-x;*/
    background-color:#000;
}

#sidebar .createNew a.liveModeBar
{
    /*background:#39b54a;*/
    background:url('../images/liveBarBackground.png') repeat-x;
}

#sidebar a.editModeButton,
#sidebar a.liveModeButton
{
    /*display:inline-block;
    width:50%;
    padding:4px 0;
    text-align:center;
    vertical-align:middle;*/  /*changes on June 10,09*/
    
      /*changes on June 10,09*/
     color:#48d;
     float:left;
     padding-left:8px;
     display:inline-block
    
    
}

#sidebar a.editModeButton
{
    /*background:#ff0000;*/
    /*background:url('../images/editButtonBackground.png') repeat-x;*/ /*Changes on June 10,09*/
}

#sidebar a.liveModeButton
{
    /*background:#39b54a;*/
    /*background:url('../images/liveButtonBackground.png') repeat-x;*/ /*Changes on June 10,09*/
}

#sidebar .createNew a.editModeBar:hover
{
    text-decoration:none;
    border-bottom:0px solid #ff0000;
}

#sidebar .createNew a.liveModeBar:hover
{
    text-decoration:none;
    border-bottom:0px solid #ff0000;
}

#sidebar div.bottomRightLnk
{
    text-align:right;  
}

#sidebar div.bottomRightLnk span
{
    font-size:11px;
    color:#48d;
}

#sidebar div.bottomRightLnk span:hover
{
    border-bottom:1px dotted;
}

#sidebar div.bottomRightLnk img
{
    vertical-align:middle;
    padding-left:10px;
}

#sidebar .inner
{
    float: none;
}

#sidebar .col
{
    padding-right: 10px;
    background: #1A1A1A url(../images/rightShadow.gif) repeat-y scroll right;
    position: relative;
}

#sidebar .createNew
{
    background-color: #000;
    padding: 10px 10px 10px 34px;
    position: relative;
}

#sidebar .createNew a:hover
{
    border-bottom: 1px #fff solid;
}

#sidebar .createNew img
{
    position: absolute;
    left: 10px;
    top: 9px;
}

#sidebar .sidebarHeader
{
    background: transparent none no-repeat scroll right bottom;
    font-size: 16px;
    color: #666;
    padding: 6px 10px;
}

#sidebar .sidebarText
{
    color: #999;
    padding: 6px 10px;
    background: #000;
}

#sidebar .sidebarText a
{
    color: #48d;
}

#sidebar .sidebarText a:hover
{
    color: #fff;
}


#sidebar ul li
{
    background-color: #262626;
}

#sidebar ul li:hover
{
    background-color: #000;
    border-right: 5px #4A88BB solid;
}

#sidebar ul li a
{
    font-size: 11px;
    display: block;
    padding: 6px 10px;
}



/*-------------------------------------
CUSTOM PUBLISHING SIDEBAR on June 10,09
---------------------------------------*/

hr.custom2
{
    background-color: #1a1a1a;
    color: #1a1a1a;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px; 
    #margin-top:4px;
    #margin-bottom:4px;
    padding:0;
    clear:both;
}

div.colHolder
{
    font-size: 10px;
    float: left;
}

div.colHolder a#custom
{
    color: #48d;
    float: left;
    padding-left: 8px;
    display: inline-block;
}

div.colHolder span.leftCol
{
    float: left;
    width: 92px;
    vertical-align: middle;
}

div.colHolder span.dateTime
{
    width:100px;
    margin-bottom:10px;
}

input.publish
{
    background: #666666 none repeat scroll 0 0;
    border-color: #CCCCCC #AAAAAA #999999 #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    /*height: 20px;*/
    margin: 0;
    padding: 2px;
    width: 100px;
    text-align: center;
    vertical-align:middle;
}

div.containerBtnPublish
{
    text-align: center;
}


/*----------------------------
STANDARD CONTENT SIDEBAR
----------------------------*/

div.standardSidebar
{
    background-color: #333;
    float: left;
    width: 220px;
    display: block;
    margin: 0px;
    margin-right: 1px;
    padding: 0px;
}

div.overrideStandardSideBarForAppLayout
{
    margin: 0px 0px 20px 20px;
    background-color: #fff;
    width: 180px;
}

div.overrideStandardSideBarForContentLib
{
    /*margin: 20px 0px 0px 20px;*/
    background-color: #fff;
    width: 250px;
}

div.overrideStandardSideBarForContentLib div.main
{
    overflow: auto;
    /*height: 420px;
    min-height:420px;
    max-height:420px;
    margin-bottom:20px;*/
    height:430px;
}

:first-child + html div.overrideStandardSideBarForAppLayout
{
    padding-bottom: 20px; 
}

div.standardSidebar .header
{
    /*previous style
    margin: 0px;
    padding: 10px;
    background: #48d;*/    
    margin:0;
    /*padding:9px 10px 5px;*/
    padding:6px 10px;
    background:#E9E9E9;
}

div.standardSidebar .header a
{
    margin-left: 24px;
    color: #333;
    text-decoration: none;
}

div.standardSidebar .header .createNew
{
    position: relative;
    width: 200px;
    padding: 0px;
    display: block;
    font-size:10px;
    font-style:italic;
}

div.standardSidebar .header .createNew a
{
   color:#000;
   font-size:16px;
}

div.standardSidebar .header .createNew a:hover
{
    border-bottom: 1px #fff dotted;
    cursor: pointer;
}

div.standardSidebar .header .createNew img
{
    position: absolute;
    left: 0px;
    top: -1px;
}

div.standardSidebar .main
{
    overflow: hidden;
    /*background: #d6dde5;*/
}

div.overrideMainForAppLayout
{
}

div.standardSidebar .footer
{
    background: #b8c1cc;
}

div.standardSidebar .layoutLeftBar
{
   padding:10px;
}

div.standardSidebar .layoutLeftBar a
{
  text-decoration:none;  
}

div.standardSidebar .layoutLeftBar a:hover
{
  border-bottom:1px dotted;  
}

span.layoutThumbInstruction
{
    display:inline-block;
    padding-top:4px;
    font-size:10px;
    font-style:italic;
}

/*----------------------------
CONTENT LIBRARY
----------------------------*/

.libraryBase
{
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    font-size: 12px;
    background: #fff url(../images/libraryBG.gif) repeat-y;
}

#libraryMain
{
    padding: 0;
    margin: 0;
}

#libraryMain
{
    background: #eee;
}

#libraryMain .header
{
    margin: 0px;
    padding: 10px;
    width: 100%;
    background: #48d;
    border-right: 1px #666 solid;
}

#libraryMain .header a
{
    margin-left: 24px;
    color: #333;
    text-decoration: none;
}

#libraryMain .createNew
{
    position: relative;
    width: 200px;
    padding: 0px;
    display: block;
}

#libraryMain .createNew a
{
    color: #fff;
}

#libraryMain .createNew a:hover
{
    border-bottom: 1px #fff dotted;
}

#libraryMain .createNew img
{
    position: absolute;
    left: 0px;
    top: -1px;
}


#libraryMain .main
{
    /*background:transparent url(../images/libraryBG.gif) repeat-y;*/
}

#libraryMain .footer
{
}



#libraryMain .dropdown1
{
    float: left;
    background-image: url(../images/dropdownlistButton.png);
    width: 110px;
    height: 24px;
    display: block;
    position: absolute;
    left: 130px;
    top: 10px;
}

#libraryMain .dropdown2
{
    float: left;
    background-image: url(../images/dropdownlistButton.png);
    width: 110px;
    height: 24px;
    display: block;
    position: absolute;
    left: 250px;
    top: 10px;
}

#libraryMain .centered
{
    position: relative;
}

#libraryMain .centered a
{
    position: absolute;
    left: 5px;
    top: 5px;
}

/*----------------------------
Content Thumbnail
----------------------------*/

.thumbnail
{
    float: left;
    width: 103px;
    margin: 10px 0 0px 10px;
    background-color: #fff;
    padding: 4px;
    display: block;
    border-top: 1px solid #ccc;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    border-left: 1px solid #ccc;
}

div.thumbnail img
{
    border-top: 2px solid #999;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 2px solid #999;
}

div.thumbnail a
{
    text-decoration: none;
}

div.thumbnail img:hover
{
    border-top: 2px solid #69c;
    border-right: 1px solid #9cf;
    border-bottom: 1px solid #9cf;
    border-left: 2px solid #69c;
}

/*----------------------------
APPLICATION NAVIGATION
----------------------------*/
ul#appNav
{
    height: 28px;
    font-size: 11px;
    list-style: none;
    margin: 0;
    padding: 0;
    /*background: #a4adb7;*/
    /*border-bottom: 1px #666 solid;*/
    background:#D6DDE5;
}

ul#appNav li
{
    float: left;
    /*margin: 0 0px 6px 6px;*/
    margin: 6px 0 0 6px;
    padding: 0px;
    /*background: #9099aa;*/
}

ul#appNav li.right
{
    float: right;
    /*margin: 0 6px 6px 0;*/
    margin: 6px 0 0 6px;
    padding: 0px;
    /*background: #9099aa;*/
}

ul#appNav a
{
    /*color: #fff;*/
    color:#000;
    display: block;
    float: left;
    height: 2em;
    line-height: 2em;
    padding: 0 10px;
    text-decoration: none;
}

ul#appNav a:hover
{
    color: #333;
    /*background: #fff;*/
}

ul#appNav li.current
{
    /*background: #d6dde5;*/
    background: #fff;
}

ul#appNav li.current a
{
    color: #333;
    font-weight: bold;
}


/*----------------------------
  APPLICATION PAGE SIDEBAR
----------------------------*/

.appBase
{
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    font-size: 12px;
    background: #fff url(../images/libraryBG.gif) repeat-y;
}

.overrideAppBaseForAppLayout
{
    background-color: #fff;
    background-image: none;
    min-width: 400px;
}

.blankBase
{
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    font-size: 12px;
    background: #fff;
}

#appMain
{
    padding: 0px; /*padding: 0px 16px 10px 16px;*/
    margin: 0 0 0 221px;
}

#appMain label
{
    font-size: 11px;
    display: inline-block;
    width: 140px;
    padding: 4px 0px 4px 0px;
    font-weight: bold;
}

#appMain label.detailInfo
{
    width: Auto;
    font-weight: normal;
}

#appMain table.info
{
    font-size: 11px;
    margin: 4px 0px 4px 0px;
}

#appMain table.info tr
{
    margin-bottom: 8px;
    display: inline-block;
    width: 100%;
}

.button-dark-fixed
{
    background: #666;
    height: 20px;
    width: 100px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    border: 1px #ccc solid;
    border-right: 1px #aaa solid;
    border-bottom: 1px #999 solid;
}
/*----------------------------
APPLICATION STARTER BOX
----------------------------*/

table.appStartBox
{
    /*margin: 0 auto;*/
    width: 100%;
}

table.appStartBox td
{
    vertical-align: top;
    padding: 20px;
    font-size: 14px;
}

table.appStartBox .left
{
    width: 350px;
}

table.appStartBox .special
{
    vertical-align: top;
    padding: 0px;
    padding-top: 20px;
    font-size: 14px;
    color: #666;
}

table.appStartBox td h2
{
    color: #036;
    font-size: 18px;
}

table.appStartBox td h3
{
    font-size: 12px;
    font-weight: bold;
    color: #369;
    margin-bottom: 10px;
}

table.appStartBox td ul
{
    font-size: 12px;
    list-style: none;
    margin: 0;
    padding: 0px;
}

table.appStartBox td ul li
{
    margin: 10px 0;
    margin-bottom: 0;
    padding: 5px 10px;
    border: 1px #999 solid;
}

table.appStartBox td ul li:hover
{
    background-color: #eef;
}

table.appStartBox td ul li a
{
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding: 0px;
}

table.appStartBox td ul li a:hover
{
    font-weight: bold;
}

div.appStartBox
{
    width: 100%;
    margin-bottom: 20px;
    border: 1px #333 solid;
    border-right: 2px #333 solid;
    border-bottom: 2px #333 solid;
    min-height:20px;
}

div.appStartBox h2
{
    font-size:14px;
    font-weight:bold;
    margin-bottom:10px;
}

div.noBorder
{
    border:none;
    position: relative;
    margin-bottom:0px;
    min-height:0px;
}


div.appOverviewBox
{
    width: 100%;
    font-size: 14px;
    margin-bottom: 20px;
    border: 1px #333 solid;
    border-right: 2px #333 solid;
    border-bottom: 2px #333 solid;
    background-color: #fff;
}

div.appOverviewBox2 table /*newly added regarding appschedule info box issue*/
{
    vertical-align: middle;
}

div.appOverviewBox2 table tbody /*newly added regarding appschedule info box issue*/
{
    vertical-align: middle;
    height: 100%;
}

div.appOverviewBox table td
{
    padding: 10px;
    vertical-align: middle;
}

div.appOverviewBox .right
{
    text-align: right;
}

div.appOverviewBox .fixedLeftCol
{
    width: 160px;
    max-width: 160px;
}

div.appOverviewBox table tr.singleItemValign
{
    display: inline-table;
    vertical-align: middle;
    height: 100%;
}

:first-child + html div.appOverviewBox table tr.singleItemValign
{
    height: auto;
}

/*----------------------------
APPLICATION PAGE MAIN
----------------------------*/

#appMain .header
{
    /*padding: 9px 10px 10px 10px;*/
    padding:6px 10px;
    #padding:5px 10px;
    /*height: 15px; changed on 110509. Feedback: Inconsistent header*/
    position: relative;
    background-color: #E9E9E9;
    margin: 0px 290px 0px 17px;
}

#appMain .header a
{
    color: #4D4D4D;
    text-decoration: none;
}

#appMain .header span.instruction
{
    font-size:10px;
    font-style:italic;
}

.appBase h2
{
    /*font-size: 16px;* changed on 110509. Feedback: Inconsistent header
    height: 20px;*/
    margin: 0;
    padding: 0;    
    overflow: hidden;
    font-size:13px;
    font-weight:bold;
}
.appBase h2 span
{
    font-weight:bold;
}


#appMain .main
{
    background: transparent url(../images/libraryBG.gif) repeat-y;
}

#appMain .footer
{
}

div.layoutPreview
{
    padding: 10px; /*margin: 10px auto 10px auto;*/ /*border: 1px #000 solid; 	border-right: 2px #000 solid; 	border-bottom: 2px #000 solid;*/
   /*width:60%;*/
    margin-left:auto;
    margin-right:auto;
}

div.layoutPreviewHolder
{
    position: relative;
    left: 20px;
    margin: 20px 310px 0 auto;
}

/*---------------------------------
APPLICATION CONTENT ZONE PANEL
---------------------------------*/

div.contentZonePanel
{
    float: right; /*width: 25%;*/
    width: 250px;
    padding: 0px;
    margin-right: 20px;
    margin-left: 40px; /*position:relative; 	top:-72px;*/
    /*margin-top: -68px; changed on 110509. Feedback: Header inconsistency*/
    margin-top: -73px;
    #margin-top: -74px;

}

ul.contentZoneHolder
{
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 422px; /*max-height:465px;*/
}

:first-child + html ul.contentZoneHolder
{
    max-height: 426px;
}

div.appLayoutBottomSpacer
{
    clear: both;
    height: 20px;
    width: 100%;
}

:first-child + html div.appLayoutBottomSpacer
{
    clear: both;
    height: auto;
    width: auto;
}

div.contentZonePanel h2
{
    margin: 0px;
    padding: 0px;
    background-color: #E9E9E9;
    /*padding: 9px 10px 5px 10px; changed on 110509. Feedback: Due to inconsistent header style*/
    padding:5px 10px;
    #padding:6px 10px 5px;
    font-size:13px;
    font-weight:bold;
}

div.contentZonePanel span.instruction
{
    font-size:10px;
    font-weight:normal;
    font-style:italic;
    display:inline-block;
    margin-top:1px;
}

div.contentZonePanel ul
{
    /*font-size: 10px;*/
    font-size: 11px;
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0px;
    min-height:200px;
}

div.contentZonePanel ul li
{
    /*margin: 10px 0;*/
    margin: 0px 0; /*padding: 5px 10px;*/
    padding: 4px 2px; /*border: 1px #ccc dotted;*/
    float: left;
    width: 100%;
    background-color: #fff;
}

div.contentZonePanel ul li:hover
{
    background-color: #eef;
}

div.contentZonePanel ul li a
{
    display: inline-block;
    text-decoration: none;
    padding-top: 2px;
    float: left;
}

div.contentZonePanel ul li a.subItem
{
    display: none;
    float: right;
    font-size: 10px;
    margin-right: 4px;
}

div.contentZonePanel ul li:hover a.subItem
{
    display: block;
}

div.contentZonePanel ul li div.itemOption2 a.subItem
{
    margin-right: 10px;
}

div.contentZonePanel ul li div.itemOption2
{
    display: none;
    padding-top: 2px;
    clear: both;
}

div.contentZonePanel ul li:hover div.itemOption2
{
    display: block;
}

div.contentZonePanel ul li a:hover
{
    font-weight: normal;
}

div.contentZonePanel ul li a.rss, div.contentZonePanel ul li a.text, div.contentZonePanel ul li a.media, div.contentZonePanel ul li a.content, div.contentZonePanel ul li a.app, div.contentZonePanel ul li a.dateTime, div.contentZonePanel ul li a.calendar
{
    display: inline-block;
    padding: 2px 4px;
    color: #fff;
    font-size: 10px;
    margin-right: 4px;
    width: 60px;
    text-align: right;
}

div.contentZonePanel ul li a.plainText
{
    /*background-color: #ed7b31;*/
    background-color: #89c;
}

div.contentZonePanel ul li a.text
{
    /*background-color: #f19b36;*/
    background-color: #89c;
}

div.contentZonePanel ul li a.media
{
    background-color: #89c;
}

div.contentZonePanel ul li a.dateTime
{
    /*background-color: #89c;*/
    background-color: #89c;
}

div.contentZonePanel ul li a.calendar
{
    /*background-color: #458;*/
    background-color: #89c;
}


/*---------------------------------
  STANDARD TOOLBAR
---------------------------------*/

div.standardToolbar
{
    overflow: hidden;
}

div.standardToolbar h2
{
    padding: 8px 0px 0px 8px;
    float: left;
}

div.standardToolbar a
{
    /*padding:10px 0px 0px 0px;*/
    margin: 0px 8px;
    float: right;
    font-size: 10px;
    text-decoration: none;
}

div.standardToolbar a:hover
{
    border-bottom: 1px dotted #4488DD;
}

ul#standardToolbar
{
    background: #eee;
    font-size: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#standardToolbar li
{
    float: left;
    margin: 5px;
    margin-bottom: 2px;
    margin-right: 0px;
    padding: 0px;
}

ul#standardToolbar li h4
{
    margin: 0;
    padding: 0;
    line-height: 24px;
    font-size: 10px;
    color: #464f5f;
}

/*Added as Player Management caused the available player style screwed*/
ul#standardToolbar li h4 span
{
    margin-right: 10px;
    padding: 0;
    line-height: 24px;
}

ul#standardToolbar li.right
{
    float: right;
    margin: 5px;
    margin-left: 0px;
    padding: 0px;
}

ul#standardToolbar li .buttons
{
    background: #48d;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 3px;
    margin: 0;
    border: 1px #9cf solid;
    border-right: 1px #369 solid;
    border-bottom: 1px #369 solid;
}

ul#standardToolbar li option select
{
    font-size: 10px;
}

ul#standardToolbar .createNew
{
    position: relative;
    padding: 0px;
    display: block;
    margin: 5px;
}

ul#standardToolbar .createNew a
{
    color: #333;
    margin-left: 24px;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
}

ul#standardToolbar .createNew a:hover
{
    border-bottom: 1px #333 dotted;
}

ul#standardToolbar .createNew img
{
    position: absolute;
    left: 0px;
    top: -1px;
}

/*---------------------------------
APPLICATION SCHEDULE NAVIGATION
---------------------------------*/

div.scheduleNav
{
    background: #eee;
}

div.scheduleNav .header
{
    margin: 0px;
    padding: 10px;
    float: left;
    width: 200px;
    background: #48d; /*border-right: 1px #666 solid;*/
}

div.scheduleNav .header a
{
    margin-left: 24px;
    color: #333;
    text-decoration: none;
}

div.scheduleNav .createNew
{
    position: relative;
    width: 200px;
    padding: 0px;
    display: block;
}

div.scheduleNav .createNew a
{
    color: #fff;
}

div.scheduleNav .createNew a:hover
{
    border-bottom: 1px #fff dotted;
}

div.scheduleNav .createNew img
{
    position: absolute;
    left: 0px;
    top: -1px;
}

div.timeResBox
{
    color: #333;
    font-size: 10px;
    float: right;
}



/*---------------------------------
UL SCHEDULE TIMETABLE
---------------------------------*/

ul#timeHeader
{
    min-width: 100%;
    list-style-type: none;
    float: left;
    text-align: left;
    margin: 0;
    padding: 0;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

ul#timeHeader li
{
    display: inline;
    text-align: center;
    margin: 0;
    padding: 2px;
    font-size: 9px;
}

#navcontainer li
{
    display: inline;
    text-align: center;
    margin: 0 5px;
}


/*---------------------------------
SCHEDULE TIMETABLE
---------------------------------*/
.tb-order
{
    font-size: 9px;
    border: 1px #69c solid;
    height: 12px;
    width: 16px;
    margin-right: 8px;
}

#ttContainer
{
    padding: 0;
    width: 100%;
}

.timeTable
{
    background: #eee;
    padding: 0;
    width: 100%;
    font-size: 8px;
    min-height: 200px;
}

/*
:first-child+html .timeTable {	
margin-bottom: 16px;	
} 
*/

.overrideAppBaseBackground
{
    background-color: #D6DDE5;
}

.oddRow, .evenRow
{
    margin-bottom: 1px;
    height: 30px;
}

.oddRowCol, .evenRowCol
{
    background: #ccc;
    height: 30px;
}

.ttHeader
{
    background: #999;
    height: 25px;
    padding: 0;
}

.ttHeaderCol
{
    font-size: 8px;
    background: #fff;
    color: #333;
    height: 23px;
    line-height: 23px;
    text-align: center;
    margin-top: 1px;
}

.default
{
    background: #9b6;
    color: #fff;
}

.normal
{
    background: #48f;
    color: #fff;
}

.exclusive
{
    background: #c00;
    color: #fff;
    height: 30px;
    z-index: 999;
}

.blockout
{
    background: #999;
    color: #fff;
}

.cheatblock
{
    background: #012;
    color: #fff;
}

.blank
{
    background: #eee;
    color: #fff;
}

div.scheduleNavHeader
{
    background: #036;
    color: #69c;
    display: block;
    font-size: 9px;
    line-height: 24px;
    padding: 0px 10px;
    margin: 0;
    height: 24px;
    border-bottom: 1px #69c solid;
}

div#scheduleItems
{
    font-size: 11px;
    list-style: none;
    margin: 0;
    padding: 0px;
    overflow: hidden;
    background: #999;
}

div#scheduleItems div
{
    background: #eef;
    height: 24px;
    margin: 0px;
    padding: 6px 10px 0px;
    line-height: 16px;
    border-bottom: 1px #666 dotted;
}

div#scheduleItems a.editLink
{
    cursor: pointer;
}

div#scheduleItems div:hover
{
    background-color: #9cf;
}
div#scheduleItems div.nosort
{
    background-color: #eef;
}

/*
ul#scheduleItems li:hover {
background-color: #9cf;
}

ul#scheduleItems li a {
display:block;
text-decoration: none;
padding: 0px;	
}

ul#scheduleItems li a:hover {
font-weight:bold;
}
*/

div.h-scrollbox
{
    position: relative;
    overflow: hidden;
    overflow-y: hidden;
    width: 100%;
    overflow: auto;
    padding: 0px;
    margin: 0px;
}

div.updateBox .buttons
{
    width: 180px;
    margin: 10px 20px;
}

/*---------------------------------
  PLAYER TABLE
---------------------------------*/
.playerDiv
{
    width: 100%;
    min-width: 600px;
    font-size: 11px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , Verdana, Arial, sans-serif;
}


.statusOnline
{	
	color: #00dd00;
}

.statusOffline
{
	color: #f7941d;
}

.statusFailed
{
	color: #ff0000;	
}
.statusLost
{
	color: #f7941d;	
}

.statusBox
{
	width: 15px;
	height : 15px;
	border: solid 1px #000000;
	margin-right:5px;
}

.statusOnlinebox
{	
	background-color: #00dd00;	
}

.statusOfflinebox
{	 
	background-color: #f7941d; 
}

.statusFailedbox
{ 
	background-color: #ff0000;	 
}

table.playerTable
{
    width: 100%;
    min-width: 600px;
    font-size: 11px;
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , Verdana, Arial, sans-serif;
}

table.playerTable tr.header
{
    height: auto;
}

/*table.playerTable tr.odd
{
    background: #eef;
}

table.playerTable tr.even
{
    background: #fff;
}*/

table.playerTable td div.playerApp
{
    color: #000;
    float: right;
    margin-top: 24px;
}

table.playerTable td div.playerApp a
{
    margin-left: 5px;
}

table.playerTable td div.playerLeftInfoHolder
{
    float: left;
    padding: 0px 10px 0px 10px;
    max-height: 60px;
    max-width: 600px;
}

table.playerTable td div.playerLeftInfoHolder a
{
    font-size: 12px;
    font-family: Verdana;
}

table.playerTable td div.playerRightInfoHolder span
{
    text-align: left;
    float: left;
    color: #000;
}

table.playerTable td div.playerRightInfoHolder a.statusOffline
{
    color: #000;
    text-decoration: underline;
}

table.playerTable td div.playerRightInfoHolder a.statusOnline
{
    color: #006600;
    text-decoration: underline;
}

table.playerTable td div.playerRightInfoHolder
{
    text-align: right;
    float: right;
    width: 142px;
    max-width: 142px;
    overflow: hidden;
}

table.playerTable td div.playerRightInfoHolder a
{
    margin-left: 5px;
}

table.playerTable tr.even, table.playerTable tr.odd
{
    height: 80px;
}

table.playerTable tr
{
    height: 80px;
}

table.playerTable td
{
    border-bottom: 1px dotted #cccccc;
}

table.playerTable tr.disable
{
    background-color: #f2f2f2;
}

table.playerTable tr.disable img
{
    filter: alpha(opacity=20);
    opacity: 0.2;
}

table.playerTable th
{
    margin: 0;
    padding: 4px 10px;
    background: #ddd; /*border-top: 1px #fff solid;     border-bottom: 1px #999 solid;*/
}

table.playerTable th a
{
    font-weight: bold;
    text-decoration: none;
    color: #000;
}

table.playerTable a
{
    color: #666;
}

table.playerTable a.playerName
{
    margin: 24px 0px 0px 10px;
    float: left;
    display: inline-block;
}

table.playerTable a.playerListName
{
    background: url('images/app-playback.gif') no-repeat;
    padding-left: 20px;
}

table.playerTable td
{
    margin: 0;
    padding: 4px 10px;
}

/*table.playerTable td a.status-online
{
    display: block;
    background-color: #;
    padding: 4px;
    color: #fff;
    font-weight: bold;
    border-top: 1px solid #1a1a1a;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-left: 1px solid #1a1a1a;
    text-align: center;
    width: 100px;
    float: right;
}

table.playerTable td a:hover.status-online
{
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
}

table.playerTable td a.status-offline
{
    display: block;
    background-color: #ccc;
    padding: 4px;
    color: #808080;
    font-weight: bold;
    border-top: 1px solid #1a1a1a;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-left: 1px solid #1a1a1a;
    text-align: center;
    width: 100px;
    float: right;
}

table.playerTable td a:hover.status-offline
{
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
}

table.playerTable td a.status-lost
{
    display: block;
    background-color: #FBB03B;
    padding: 4px;
    color: #000;
    font-weight: bold;
    border-top: 1px solid #1a1a1a;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-left: 1px solid #1a1a1a;
    text-align: center;
    width: 100px;
    float: right;
}

table.playerTable td a:hover.status-lost
{
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
}

table.playerTable td a.status-failed
{
    display: block;
    background-color: #990000;
    padding: 4px;
    color: #fff;
    font-weight: bold;
    border-top: 1px solid #1a1a1a;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    border-left: 1px solid #1a1a1a;
    text-align: center;
    width: 100px;
    float: right;
}

table.playerTable td a:hover.status-failed
{
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
}*/

table.playerTable tr td img.warning_icon
{
    position: absolute;
    left: 0px;
}

table.playerTable span
{
    color: #aaa;
}

table.playerTable span.failed
{
    color: #ff0000;
    border: none; /*this line has conflict with .failed class*/
}

table.playerTable span.lost
{
    color: #FF6600;
    border: none; /*this line has conflict with .failed class*/
}

table.playerTable span.online
{
    color: #00CC00;
    border: none; /*this line has conflict with .failed class*/
}

table.playerTable td a
{
    color: #48d;
    text-decoration: none;
}

table.playerTable td a.player-opt
{
    color: #48d;
    text-decoration: none;
}

table.playerTable td a span
{
    color: #369;
    text-decoration: none;
}

table.playerTable td a:hover
{
    border-bottom: 1px #48d dotted;
}

/*-----------Updated Player Listing UI-----------------*/

div.listDesc
{
    max-height: 28px;
    overflow: hidden;
    font-size: 11px;
}

.maincontainer
{
    position: relative;
    height: 60px;
    min-width: 600px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: dotted 1px #cccccc;
}

.maincontainer a
{
    text-decoration: none;
}

.maincontainer a:hover
{
    border-bottom: 1px dotted;
    cursor: pointer;
}

.disabled
{
    background-color: #F2F2F2;
    color: #ddd;
}

.disabled a
{
    color: #ddd;
}

img.disabled
{
    filter: alpha(opacity=20);
    opacity: 0.2;
}

.leftContainer
{
    max-height: 60px;
    width: 100px;
    position: relative;
    float: left;
}
.rightContainer
{
    max-height: 60px;
    width: 140px;
    position: relative;
    float: right;
    text-align: right;
    overflow: hidden;
}
.midContainer
{
    height: 100%;
    position: relative;
    margin-left: 100px;
    margin-right: 250px;
    width: auto;
    padding: 0px 10px;
    max-height: 60px;
    max-width: 600px;
}

.midContainer a
{
    font-family: Verdana;
    font-size: 12px;
}

.warningIcon
{
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0px;
}
.previewIcon
{
    width: 100px;
    height: 60px;
}

.hide
{
    display: none;
}

a.statusOnline
{
    color: #006600;
    text-decoration: underline;
}
a.statusOffline
{
    color: #808080;
    text-decoration: underline;
}

a.customLink
{
    font-size:12px;
    font-weight:bold;
    margin-left:-30px;
    margin-top:1px;
}

a.customLink:hover
{
   border-bottom:0px dotted;
}

/*----------------------------
Layout Thumbnail
----------------------------*/

.layoutThumbRow
{
    width: 140px;
    height: 140px;
    overflow: hidden; /*margin: 10px auto;  margin-left: 10px;*/
    padding: 0;
}

.layoutThumbRow2
{
    /*width: 172px;*/
    overflow: hidden;
    padding: 10px 0 10px 0px;
    margin: 4px;
}

.layoutThumbRow .disabled
{
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.layoutThumbPosition
{
    float: left;
    display: block;
    margin: 0;
    padding: 0;
}

.layoutThumbPosition h6
{
    font-size: 9px;
    font-style: normal;
    margin: 0;
    padding: 0;
    margin-bottom: 2px;
}

/*.t_layoutThumbPosition
{
    margin: 0;
    padding: 0;
    width: 36px;
    font-size: 10px;
    margin-bottom: 8px;
}*/


/*replacement for the classes above regarding layout management task on 16/3/09*/
.t_layoutThumbPosition
{
    margin: 0px 0px 0px 75px;
    padding: 0;
    width: 30px;
    font-size: 10px;
}

.c_layoutThumbPosition
{
    padding: 0;
    float: left;
}
/*end of replacement classes area*/

.layoutThumb
{
    display: block; /*float: right;*/
    margin: 15px 15px 15px 16px;
    width: 120px;
    height: 120px;
    background-color: #fff;
    padding: 4px;
    font-size: 10px;
    text-align: center;
    border-top: 1px solid #ccc;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    border-left: 1px solid #ccc;
}

.layoutThumbPortrait
{
    display: block;
    float: left;
    width: 120px;
    height: 140px;
    background-color: #fff;
    padding: 4px; /*margin-left: 2px;*/
    font-size: 10px;
    text-align: center;
    border-top: 1px solid #ccc;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    border-left: 1px solid #ccc;
}

.layoutThumbLandscape
{
    display: block;
    float: left;
    width: 120px;
    height: 80px;
    background-color: #fff;
    padding: 4px; /*margin-left: 2px;*/
    font-size: 10px;
    text-align: center;
    border-top: 1px solid #ccc;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    border-left: 1px solid #ccc;
}

span.layoutNumber
{
    width: 14px;
    height: 14px;
    font-size: 10px;
    font-weight: bold;
    margin-left: 2px;
    display: inline-block;
    text-align: right;
}

input.cb-layout
{
    padding: 0; /*margin: 2px 5px 0px 3px;    #margin:0px 2px 0px 0px;*/
}

div.layoutIndexHolder
{
    float: left; /*margin-left: 4px;*/
    width:20px;
}

span.layoutBottomTitle
{
    display: inline-block;
    font-size: 10px;
    color: #000;
    text-decoration: none;
    width: 128px;
    height: 12px;
    max-width: 128px;
    max-height: 12px;
    text-align: center;
    margin-left: 22px;
}


span.layoutBottomTitle2
{
    display: inline-block;
    font-size: 10px;
    color: #000;
    text-decoration: none;
    width: 128px;
    height: 12px;
    max-width: 128px;
    max-height: 12px;
    text-align: center;
    margin-left: 22px;
    background-color:yellow;
}

.selected
{
    background-color: #94BCE9;
}

.disabled-t div.canvas-manager
{
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.layoutThumb:hover
{
    color: #48d;
    border-top: 2px solid #69c;
    border-right: 1px solid #9cf;
    border-bottom: 1px solid #9cf;
    border-left: 2px solid #69c;
}

.layoutThumbPortrait:hover, layoutThumbLandscape:hover
{
    cursor: pointer;
}

/*----------------------------
STANDARD PROPERTIES BOX
----------------------------*/

div.propBox
{
    width: 500px;
    margin: 20px auto;
    padding: 0px;
    border: 1px #999 solid;
    border-right: 2px #999 solid;
    border-bottom: 2px #999 solid;
    background: #fff;
}

div.propBox form
{
    padding: 0px;
    margin: 0px;
}

div.propBox form h3
{
    font-size: 14px;
    margin: 10px 0;
    margin-left: 10px;
    color: #666;
}

div.propBox h2
{
    font-size: 16px;
    padding: 8px 10px;
    margin: 0px;
    background: #eee;
}

div.propBox br
{
    clear: both;
}

div.propBox .boxes
{
    margin-left: 20px;
}

div.propBox a
{
    margin-left: 20px;
}

div.propBox .buttons
{
    width: 90px;
    margin: 10px;
}



#thumbs
{
    display: block;
    margin: 0pt auto;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 640px;
}

#thumbs a
{
    text-decoration: none;
}

#thumbs a:hover
{
    text-decoration: underline;
}

#thumbs .thumb_row
{
    background: #FFFFFF none repeat scroll 0%;
    display: block;
    height: 185px;
    padding: 4px;
    width: 640px;
}

#thumbs .page_row
{
    border: 1px dotted #CCCCCC;
    color: #AAAAAA;
    display: block;
    font-size: 10px;
    margin: 10px 0pt;
    padding: 4px;
    text-align: center;
    width: 640px;
    float: left;
}

#thumbs .page_row span.indicator
{
    color: #000000;
    font-weight: bold;
}

#thumbs .thumb
{
    float: left;
    font-size: 10px;
    padding: 0pt 4px 10px;
    width: 120px;
}

#thumbs .thumb_img
{
    background: transparent url(../images/bg_thumb.gif) repeat scroll 0pt;
    border: 1px solid #FFFFFF;
    height: 120px;
    padding-bottom: 3px;
    text-align: center;
    width: 120px;
}

#thumbs .thumb_img:hover
{
    border: 1px solid #4488DD;
}

#thumbs .thumb_blank
{
    background: transparent url(../images/bg_thumb.gif) repeat scroll 0pt;
    border: 1px solid #FFFFFF;
    height: 120px;
    padding-bottom: 3px;
    text-align: center;
    width: 120px;
}

#thumbs ul.t
{
    padding: 5px 0pt 0pt;
}

#thumbs ul
{
    list-style-type: none;
    margin: 0pt;
    padding: 0pt;
}

#thumbs li.t_title0
{
    font-weight: bold;
    padding-bottom: 1px;
    padding-left: 16px;
}

#thumbs li.t_size
{
    background: transparent url(../images/i2.gif) no-repeat scroll left top;
    padding-bottom: 1px;
    padding-left: 16px;
}

#thumbs li.t_add
{
    background: transparent url(../images/i6.gif) no-repeat scroll left top;
    padding-bottom: 1px;
    padding-left: 16px;
}

/*---------------------------------
Edit User & Account Information
----------------------------------*/


div.editUser_fieldHolder
{
    float: left;
    padding-right: 24px;
    width: 255px;
}

div.editUser_fieldHolder2
{
    float: left;
    padding-right: 24px;
    width: 60%;
}

div.editUser_fieldHolder2 span.inline
{
   display:inline-block;
   margin:0 0 0 10px;
}

div.editUser_fieldHolder label
{
    display: block;
    margin-bottom: 4px;
    font-weight: bold; /*float:left;*/
}

div.editUser_fieldHolder label.required
{
    display: none;
    float: left;
    font-weight: normal;
    color: Red;
    margin: 0px 0px 4px 6px;
}

div.generalError
{
    /*display:none;*/
    padding-bottom: 16px;
    color: Red;
}

div.editUser_fieldHolder input
{
    width: 250px;
    display: block;
    margin-bottom: 16px;
}

div.editUser_fieldHolder a.standard
{
    color:#48d;
    border:0px transparent;
    float:none;
    width:auto;
    text-align:left;
    background-color:transparent;
    padding:0;
    margin:4px 0 0 0;
    display:inline-block;    
}

div.editUser_fieldHolder a
{
    background: #666666 none repeat scroll 0 0;
    border-color: #CCCCCC #AAAAAA #999999 #CCCCCC;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    float: right;
    border: 1px solid #cccccc;
    width: 100px;
    text-align: center;
    font-size: 11px;
    margin-left: 8px;
}
div.editUser_fieldHolder .button
{
    text-decoration: none;
    float: right;
    width: 100px;
    text-align: center;
    margin-left: 8px;
    float: right;
}

div.editUser_fieldHolder a:hover
{
    /*background-color: #4488dd;     color: #fff;*/
}

div.editUser_fieldTitle
{
    padding: 6px 10px;
    background-color: #E9E9E9;
    margin-bottom: 12px;
    font-size: 13px;
}

div.editUser_fieldTitle label
{
    padding-right: 8px;
}

div.editUser_fieldHolder select
{
    margin-bottom: 16px;
    width: 250px;
}

div.editAcc_fieldHolder
{
    /*float: left;     width: 329px;*/
}

div.editAcc_fieldHolder input
{
    border: 0px solid #fff;
    background-color: #fff;
    float: left;
}

div.editAcc_fieldHolder label
{
    width: 150px;
    font-weight: bold;
    height: 20px;
    padding: 0;
    margin: 0;
    line-height: 20px;
    float: left;
}

div.editAcc_fieldHolder br
{
    clear: both;
}

div.editAcc_fieldHolder table
{
    border: 1px solid #cccccc;
    float: left;
    width: 535px;
    margin-top: 6px;
}

div.editAcc_fieldHolder table th
{
    background-color: #E9E9E9;
    color: #000;
    padding: 8px;
    border: 1px solid #ccc;
    font-weight: bold;
}

div.editAcc_fieldHolder table td
{
    padding: 6px;
    border: 1px solid #cccccc;
}


div.editAcc_fieldHolder table tr.even
{
    background-color: #eef;
}

div.editAcc_fieldHolder a
{
    background: #666666 none repeat scroll 0 0;
    border-color: #CCCCCC #AAAAAA #999999 #CCCCCC;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    float: right;
    border: 1px solid #cccccc;
    width: 100px;
    text-align: center;
    font-size: 11px;
}

div.editAcc_fieldHolder a:hover
{
    /* background-color: #4488dd;     color: #fff;*/
}

h3.editUser_subject   
{
   float:left;
   width:200px;
   height:100%;
   font-size:13px;
   font-weight:bold;
   padding:0 0 0 10px;
   margin:0;
   display:block;
}

/*----------------------------
Footer
----------------------------*/

#footer
{
    color: #B2B2B2;
    font-size: 10px;
    padding: 5px 0;
    clear: both;
    margin-bottom: 10px;
}

#footer a
{
    color: #B2B2B2;
    text-decoration: none;
}

#footer a:hover
{
    color: #fff;
}

#footer img
{
    margin-top: 6px;
}


div.htmltooltip
{
    position: absolute; /*leave this and next 3 values alone*/
    z-index: 1000;
    left: -1000px;
    top: -1000px; /*left:160px;     top:100px;*/
    background: #1a1a1a;
    border: 4px solid #000000;
    color: white;
    padding: 3px;
    width: 161px; /*width of tooltip*/
    font-size: 10px;
    float: left;
}


div.htmltooltip p
{
    padding: 0px;
    margin-bottom: 4px;
    width: 100%;
}


div.infoBlockHolder
{
    padding: 20px 20px 0px 20px;
    border-bottom: 1px solid #fff; /*background-color:#D6DDE5;*/
    background-color: #FFF;
}

:first-child + html div.infoBlockHolder
{
    border-bottom: 1px solid #fff;
    background-color: #FFF;
    min-width: 500px;
    padding: 20px 20px 0px 20px;
}

a.single:hover
{
    border-bottom: 1px dotted #48d;
}

.waterMarkOn
{
    font-style: italic;
    color: #777;
}

.waterMarkOff
{
    font-style: normal;
    color: #000;
}



/*---------------------------------
PLAYER TABLE
---------------------------------*/
/*table.playerTable
{
	width: 100%;
	min-width: 600px;
	font-size: 10px;
}

table.playerTable tr.header
{
	height: auto;
}

table.playerTable tr.odd
{
	background: #eef;
}

table.playerTable tr.even
{
	background: #fff;
}

table.playerTable tr.even, table.playerTable tr.odd
{
	height: 80px;
}

table.playerTable tr.disable
{
	background-color: #eee;
}

table.playerTable th
{
	margin: 0;
	padding: 4px 10px;
	background: #ddd; /*border-top: 1px #fff solid; border-bottom: 1px #999 solid;
}                                          

table.playerTable th a
{
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

table.playerTable a
{
	color: #666;
}

table.playerTable a.playerName
{
	margin-left: 10px;
}

table.playerTable a.playerListName
{
	background: url( 'images/app-playback.gif' ) no-repeat;
	padding-left: 20px;
}

table.playerTable td
{
	margin: 0;
	padding: 4px 10px;
}

table.playerTable span
{
	color: #aaa;
}

table.playerTable span.failed
{
	color: #ff0000;
	border: none;
}

table.playerTable span.lost
{
	color: #FF6600;
	border: none;
}

table.playerTable span.online
{
	color: #00CC00;
	border: none;
}

table.playerTable td a
{
	color: #48d;
	text-decoration: none;
}

table.playerTable td a.player-opt
{
	color: #48d;
	text-decoration: none;
}

table.playerTable td a span
{
	color: #369;
	text-decoration: none;
}

table.playerTable td a:hover
{
	border-bottom: 1px #48d dotted;
}*/

ul.simpleBulletList
{
    padding: 0px 0px;
    font-size: 11px;
}

ul.simpleBulletList li
{
    border-bottom: 1px solid #EFEFEF;
    padding: 6px 0;
}

ul.simpleBulletList li span
{
    color: #48d;
}

ul.simpleBulletList li span.titleBlock
{
    width: 60px;
    display: inline-block;
    padding: 2px 4px;
    background-color: #6699CC;
    color: #fff;
    font-weight: normal;
    margin-right: 4px;
    font-size: 10px;
    text-align: right;
}

a.playerCreateLnk
{ #position:relative;
#top:-6px;
}

/*----------------------------
Content Library V2
----------------------------*/

div#appMainContentLibrary
{
    /*id="appMain" overwrites this*/
    margin: 20px 20px 0 260px;
    min-width: 100px;
    min-height: 100px;
    border: 1px solid red;
}

div.appMainContentLibrary a
{
    text-decoration: none;   
}

div.appMainContentLibrary a:hover
{    
    border-bottom: 1px dotted;
    cursor:pointer;
}

div.contentItemHolder
{
    border: 3px solid transparent;
    float: left;
    text-align: center;
    width: 100px;
    /*max-width: 145px;
    padding: 10px;
    margin-right: 0.9%;*/
    margin: 0 10px;
    white-space:nowrap;
     /*background-color:Teal;*/
     /*background-color:#ccc;*/
}

div.contentItemHolder .selected
{
    border:1px solid #48d;
}

div.contentItemsWrapper
{
    /*padding-left: 0.5%;*/
    /*padding: 1%;*/
    overflow-y:auto;
    overflow-x:hidden;
    /*height:398px;*/
    height:420px;
    /*margin:0 0 20px 0;*/
    #margin-top:16px;
    border:1px dashed #ccc;
    position:relative;
}

div.contentItemHolder br
{
    clear: both;   
}

div.contentImageHolder
{
    text-align: center;
    /*margin: 0 0 10px 5px;*/
    /*float: left;*/
    width:100%;
}

div.contentImageHolder input[type="checkbox"]
{
    /*float: left;*/
    position:absolute;
    margin:0 0 0 -72px;

}

div.contentImageHolder input[type="button"]
{
    position:absolute;
    margin:0 0 0 54px;
    width:12px;
    height:12px;
    line-height:10px;
    padding:0;    
    border:0;
    background:url('../images/buttonClose.png') transparent no-repeat;
    cursor:pointer;
}

div.contentImageHolder input[type="button"]:active
{
   
    background:url('../images/buttonClosePressed.png') transparent no-repeat;    

}

div.contentImg
{
    background-color: Gray;
    width: 100px;
    height: 100px;
    text-align: center;
    /*float: left;*/
    margin:0 auto;
}

div.contentImg:hover
{
    cursor:pointer;
}

div.contentTypeHolder
{
    background-color:#8899CC;
    color:#FFFFFF;
    font-family:"Lucida Grande","Lucida Sans-Serif Unicode",Verdana,Arial,Sans-Serif;
    font-size:10px;
    height:13px;
    margin:4px auto 4px auto;
    overflow:hidden;
    padding:2px 6px;
    width:60px;
    text-align:center;
}

div.btmPageNav
{
    padding: 10px 0;
    text-align: center;
    margin-top: 6px; #margin-top:0px;
    /*background-color:Silver;*/
    float:left;
    width:100%;

}

div.btmPageNav a
{
    padding: 0px 4px;
}

div.btmPageNav a:hover
{
    border-bottom: none;
}

div.topBarControl
{
    font-size: 10px;
    font-style:italic;
    background-color:#E9E9E9;
    /*changed on 120509 due to all header standardization
    padding:8px 10px 12px 10px;
    height:8px;*/
    padding:6px 10px;
}

div.topBarControl h2
{
    background-color:transparent;
    color:#000;
}

div.topBarControlHolder
{
    /*border: 1px solid red;*/
    /*width: 100%;*/ /*height: 50px;*/
    /*float: left;*/
    /*padding:0 0 0 10px;*/
    margin:10px 0 0 0;
    min-width:780px
}

div.instruction
{
    font-size: 11px;
    color: #9a9a9a; /*border:1px solid green;*/
    margin: 4px 0px 0px;
    float: left;
    width: 100%;
}

span.instruction
{
    font-style:italic;
}

div.topBarControlHolder input[type="text"]
{
    float: left;
    width: 400px;
}

div.topBarControlHolder input[type="button"]
{
    float: left;
    margin-left: 4px;
}

div.topBarControlHolder select
{
    float: right;
    width: 100px;
}

label#sortTitle
{
    float: right;
    font-weight: normal;
    width: auto;
    margin-right: 8px;
}

div.contentFolderTreeControlHolder
{
    margin: 20px 0 0 20px;
}

div.contentFolderTreeControlHolder .header
{     
    margin:0;    
    padding:6px 10px;
    background:#E9E9E9;
}

div.contentFolderTreeControlHolder .header .createNew
{
    position: relative;
    width: 240px;
    padding: 0px;
    display: block;
    font-size:10px;
    font-style:italic;
}

div.contentFolderTreeControlHolder .header .createNew h2
{
    background-color:transparent;
    color:#000;
}

div.contentLibIframeHolder
{
    background-color:#fff;
    height:550px;
}

div.libraryBase2
{
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    font-size: 12px;
}


div.libraryBase2 h2
{   
    margin: 0;
    padding: 0;    
    overflow: hidden;
    font-size:13px;
    font-weight:bold;
}

div.treeItemPropBox
{
    position: absolute;
    top: 300px;
    left: 30px;
    border: 4px solid #000;
    background-color: #4d4d4d;
    padding: 4px;
}

div.treeItemPropBox a
{
    font-size: 11px;
    color: #9a9a9a;
    cursor: pointer;
    text-decoration: none;
    padding: 4px;
    display: inline-block;
}

div.treeItemPropBox a
{
    font-size: 11px;
    color: #9a9a9a;
    cursor: pointer;
    text-decoration: none;
    padding: 4px;
    display: inline-block;
}

div.treeItemPropBox a:hover
{
    color: #fff;
}

div.treeItemPropBox hr
{
    margin: 6px 0px; #margin:0px;
}


/*------------------------------
Application Publishing & Player
------------------------------*/

div.listHolder
{
    #height:0px;
}

div.playerListHolder
{
    padding:20px;
}

/*.playerListHolder
{
    font-family: "Lucida Grande" , "Lucida Sans Unicode" , Verdana, Arial, sans-serif;
}*/

div.listHeader
{
    font-size: 11px;
    padding: 10px 0;
    /*border-bottom:2px solid #E9E9E9;*/
  /*  border-bottom:2px solid #000;*/
    background-color:#efefef;
}

div.listHeader label
{
    display: inline-block;
    cursor: pointer;
}


div.topBarControl
{
    font-size: 10px;
    font-style:italic;
    background-color:#E9E9E9;
    /*changed on 120509 due to all header standardization
    padding:8px 10px 12px 10px;
    height:8px;*/
    padding:8px 10px;
}

div.topBarControl input
{
    float: left;
    margin: 0;
    #margin-top:-4px;
    padding:0;
}
    
div.topBarControl label
{
    float: left;
    font-weight: normal;
    padding: 0;
    margin: 0;
    cursor: pointer;
    margin: 0 20px 0 2px;
}

div.topBarControl span
{
    /*changed on 120509 due to all header standardization
    position:absolute;
    right:40px;*/
    float:right;
    font-size: 10px;
    color: #464F5F;
    vertical-align: text-bottom;
    margin:-12px 0 0 0;
    #margin:-18px 10px 0 0;
}

div.topBarControl h2
{
    font-size:13px;
    font-weight:bold;
}

.headerLeftMargin
{
    position: relative;
    left: 4px;
}

.sortImg
{
    padding-left: 4px;
}

.nameCol
{
    width: 20%;
    /*width:16.66%*/
}

.pubModeCol
{
    width: 15%;
}

.IPCol
{
    width: 10%;
    /*width:12.66%*/    
}

.appCol
{
    width: 20%;
    /*width:16.66%*/
}

.contentStatCol
{
    width: 23%;
    /*width:20.66%*/
}

.networkStatCol
{
    width: 22%;
    /*width:16.66%*/
}

.licenseStatCol
{
    width:16.66%
}

div.listRow
{
    border-bottom: 1px solid #efefef;
    padding: 20px 0;
    font-size: 11px;
    width:100%
}

.listRow span
{
    display: inline-block;
    padding: 0;
    margin: 0;
    text-decoration: none;
    vertical-align: middle;
}

.listRow a
{
    text-decoration: none;
    #border-bottom:1px dotted #fff;
    #float:left;
}
    
.listRow a:hover
{
    border-bottom: 1px dotted #48d;
}

.player_cb
{    
    /*margin:1px 0px 4px 4px;
    #margin:0;*/
    margin:0;
    padding:0;
    float:left;
    margin: auto auto auto 4px;
    #margin:-4px auto auto 2px;   
}

.listRow a.playerName
{
    margin-left:4px;
    float:left;
    border-bottom:1px dotted #fff;
}

.listRow a.playerName:hover
{  
    border-bottom:1px dotted #48d;
}

a.offline
{
    /*color: #f7941d;*//*Amber*/
    color: #f7941d;
    /*display: inline-block;
    width: 100px;
    max-width: 100px;
    border-bottom: 1px dotted #fff;*/
}

a.offline:hover
{
    
}

a.online
{
    color: #00dd00;
}

a.online:hover
{
    border-bottom: 1px dotted #00dd00;
}

a.lost
{
    color: #f7941d;
}

a.lost:hover
{
    border-bottom: 1px dotted #f7941d;
}

a.failed
{
    color: #ff0000;
}

a.failed:hover
{
    border-bottom: 1px dotted #ff0000;
}

a.published
{
    color: #4488dd;
    /*display: inline-block;
    width: 100px;
    max-width: 100px;
    border-bottom: 1px dotted #fff;*/
}

a.published:hover
{
    border-bottom: 1px dotted #48d;
}



/*---------------------------------
New download page
-----------------------------------*/

div.infoHolder
{
    margin-top: 20px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 10px;
}

div.infoHolder br
{
    clear: both;
}

div.infoArea
{
    float: left;
    width: 70%;
}

div.downloadArea
{
    float: right;
    width: 30%;
    text-align: center;
}

div.downloadArea img
{
    cursor:pointer;
}

ul.standard li
{
    padding: 4px 0 0 0;
    margin-left: 20px;
    list-style-type: square;
}

span.note
{
    color: #bbb;
}

/*Temporary Hack For Application Name To Be Bold*/
/*span#ctl00_pageHeader
{
    font-weight:bold;
    font-size:16px;
}*/

.pageHeaderBold
{
    font-size:16px;
    font-weight:bold;
}


/*-----------------------------------------
Web Player Preview
-----------------------------------------*/

div.webPlayerPreview
{
    width:400px;
    height:400px;
    margin:0 10px 10px 0; 
    
}

/*CHEAT, PLEASE REMOVE ASAP*/
#baseDiv #VisualImage_baseDiv 
{
	overflow : hidden;
}


/*------------------------------------------
Help Side Bar
------------------------------------------*/

div.helpSideBar
{
    width:600px;
    height:100%;
    position:absolute;
    top:0px;
    background-color:#fff;
}

/*-----------------------------------------------
Account Info UI Changes & Update on 6th May 2009
-----------------------------------------------*/

div.accInfoFormField
{
    clear:both;
    float:left;
    margin-bottom:20px;
}

div.accInfoFormField br
{
    clear:both;    
}

div.accInfoFormField h3
{  
   float:left;
   width:200px;
   /*width:20%;*/
   height:100%;
   font-size:13px;
   font-weight:bold;
   padding-left:10px;
}

div.accInfoFormField div.fieldArea a
{
   text-decoration:none;
}

div.accInfoFormField div.fieldArea a:hover
{
   border-bottom:1px dotted #48d;
}

div.accInfoFormField div.fieldArea
{
   float:left;
   /*width:80%;*/
   width:500px;
}

div.accInfoFormField div.fieldArea label
{
    width:50%;
    float:left;
    padding-top:10px;
    font-weight:normal;
}

div.accInfoFormField div.fieldArea div.logoHolder
{
    float:left;
    margin:10px 10px 0 0;
    vertical-align:middle;
    width:114px;
    height:41px;
    border:1px solid #ccc;
}

div.accInfoFormField div.fieldArea label input[type=text],
div.accInfoFormField div.fieldArea label input[type=password],
div.accInfoFormField div.fieldArea label select
{
  margin-top:4px;
}



div.accInfoFormField div.fieldArea select.inline
{
    margin-top:10px;
    float:left;
}

div.accInfoFormField div.fieldArea select.standard
{
    width:92%;
}

div.accInfoFormField div.fieldArea label input[type=text],
div.accInfoFormField div.fieldArea label input[type=password]
{
    width:90%;
    margin-right:10px;
}

div.accInfoFormField div.fieldArea label.wider
{
     clear:both;
     width:100%;   
}

div.accInfoFormField div.fieldArea label.wider input[type=text]
{
  width:95%; 
}

div.accInfoFormField div.fieldArea label.inline
{
    width:100%;
    float:left;
    padding-top:10px;
}

div.accInfoFormField div.fieldArea span.inline2
{
    float:left;
    margin:0 0 0 10px;
    height:100%;
    line-height:20px;
}

div.accInfoFormField div.fieldArea div.buttonHolder
{
     
}

div.buttonHolder input.standardButton
{
    margin-right:10px;  
}

hr.custom
{
    padding:0;
    margin:0;
    display:inline-block;
}

div.warningBox
{
    color:Red;
}

div.warningBox a 
{
    text-decoration:none;
}

div.warningBox a:hover 
{
    border-bottom:1px dotted;
}


/*---------------------------------
Web Player Control
----------------------------------*/

div.webPlayerControlContainer
{
    width: 100%;
    background-color: #fff;
    margin-top:20px;
    
    /*Temporary Hack*/
    /*border:1px solid transparent;*/
    border:0px;
}


div.webPlayerSimpleControl
{
    padding:10px;
    color:#fff;
}

div.webPlayerSimpleControl img
{
    float:right;
    margin-top:-16px;
}

div.webPlayerAdvanceControl
{
    padding:10px;
    color:#fff;  
}

div.playingAppArea
{
    float:left;
    margin-top:7px;
}

div.webPlayerAdvanceControl img
{
    vertical-align:middle;
    margin-left:10px;
    cursor:pointer;
}

div.webPlayerAdvanceControl .baseDurationBar
{
    display:inline-block;
    height:10px;
    background-color:#4d4d4d;
    width:98%;
    margin:0 1%;
    cursor:pointer;
}

div.webPlayerAdvanceControl .baseDurationBar  .progressDurationBar
{
    height:10px;
    background-color:#fff;
    float:left;
}

div.webPlayerAdvanceControl span.time
{
    display:inline-block;
}

div.playerHolder
{
    width:100%;
}


/*---------------------------------
Youtube Player Control
----------------------------------*/

div.playerBar
{
   width:100%;
   height:23px;
   background:url('../images/PlayerControl/p-background.png') repeat-x;
   border:1px solid #b1b1b1;
   vertical-align:middle;
   font-size:10px;
}

div.playerBar input.playBtn
{
    width:28px;
    height:23px;
    background:url('../images/PlayerControl/p-btnPlay.png') no-repeat;
    display:inline-block;
    border:none;
    float:left;
}

div.playerBar input.playBtn:hover
{
    background:url('../images/PlayerControl/p-btnPlay-hover.png') no-repeat;
    cursor:pointer;
}

div.playerBar div.timelineHolder
{
    float:left;
}

div.playerBar span.timelineBar
{
    height:7px;
    border:1px solid #b1b1b1;
    border-bottom:1px solid #ccc;
    background:url('../images/PlayerControl/p-bgTimeline.png');
    display:inline-block;
    margin-top:7px;
}

span.timelineBar span.loaded
{    
    height:7px;
    background:url('../images/PlayerControl/p-activeTimeline.png') repeat-x;
    display:inline-block;
    #margin-top:-10px;
}

div.playerBar div.timelineDuration
{
    float:right;
    padding:4px 8px;
    width:80px;
    min-width:50px;
    overflow:hidden;
    position:absolute;
    right:60px;
}


div.playerBar input.fullscrnBtn
{
    width:32px;
    height:23px;
    background:url('../images/PlayerControl/p-btnFullscreen.png') no-repeat;
    border:none;
    float:right;
}

div.playerBar input.fullscrnBtn:hover
{
    background:url('../images/PlayerControl/p-btnFullscreen-hover.png') no-repeat;
    cursor:pointer;
}

div.playerBar img.sliderBtn
{
    position:absolute;
    margin-top:-4px;
    margin-left:-4px;
}

div.playerBar img.sliderBtn:hover
{
    cursor:pointer;
}

/*Table layout test*/

.ui-slider 
{ 
    margin: 10px; 
    background: #FF9C08; 
    height: 15px; 
    position: relative; 
 }
 
.ui-slider-handle 
{ 
    width: 16px; 
    height: 16px; 
    background:url('../images/PlayerControl/p-btnSlider.png') no-repeat; 
    position: absolute; 
    top: -4px; 
    left: 0px; 
}

table.playerControl
{  
    background:url('../images/PlayerControl/p-background.png') repeat-x;
    border:1px solid #b1b1b1;
    font-size:10px;
    vertical-align:middle;
    height:23px;
}

table.playerControl tr
{  
   height:100%;   
}

table.playerControl tr td
{  
   padding:0;
   border-bottom:1px solid #b1b1b1;  
}

table.playerControl tr td.playBtn
{
    width:28px;
    
}

table.playerControl tr td.playBtn input.play
{
    background:url('../images/PlayerControl/p-btnPlay.png') no-repeat;
    width:28px;
    height:23px;
    border:none;  
}


table.playerControl tr td.playBtn input.play:hover
{
    background:url('../images/PlayerControl/p-btnPlay-hover.png') no-repeat;
    cursor:pointer;
    height:23px;
}

table.playerControl tr td.playBtn input.pause
{
    background:url('../images/PlayerControl/p-btnPause.png') no-repeat; 
    width:28px;
    height:23px;
    border:none; 
}


table.playerControl tr td.playBtn input.pause:hover
{
    background:url('../images/PlayerControl/p-btnPause-hover.png') no-repeat;
    cursor:pointer;
    height:23px;
}

table.playerControl tr td.playBtn input.click
{
    background:url('../images/PlayerControl/p-btnPlay-click.png') no-repeat;
    width:28px;
    height:100%;
    border:none;   
}

table.playerControl tr td.timelineBar
{
    height:100%;
    #height:20px;
    #border:none;
    width:100%;
    position: relative;
}

table.playerControl tr td.timelineBar div.timelineBg
{    
    background:url('../images/PlayerControl/p-bgTimeline.png');
    height:7px;
    margin:0 4px;
    #margin-top:7px;
    border:1px solid #b1b1b1;
    padding-left:-4px;
    background-color:Red;    
}

table.playerControl tr td.timelineBar div.timelineBg span
{
    background:url('../images/PlayerControl/p-activeTimeline.png') repeat-x;
    height:7px;
    display:inline-block;
    #margin-top:-14px;
}

table.playerControl tr td.timelineBar div.timelineBg input.slider
{
    background:url('../images/PlayerControl/p-btnSlider.png') no-repeat;
    width:16px;
    height:16px;
    border:none;
    margin-top:-4px;
    /*Range from 0% to 95% according to the base percentage of div.timelineBg span which will be set on the element*/
    margin-left:0%;
    position:relative;
    cursor:pointer;
    #margin:-4px;
}

table.playerControl tr td.timelineDuration
{
    width:100%;
}

table.playerControl tr td.timelineDuration div
{
    width:80px;
    padding:5px 4px;
}

table.playerControl tr td.fullScreenBtn
{
   display:block;
   width:32px;
   height:100%;
}

table.playerControl tr td.fullScreenBtn input
{
    width:32px;
    height:100%;
    background:url('../images/PlayerControl/p-btnFullscreen.png') no-repeat;
    border:none;
}

table.playerControl tr td.fullScreenBtn input:hover
{
    background:url('../images/PlayerControl/p-btnFullscreen-hover.png') no-repeat;
    cursor:pointer;
}


/*-----Changes Made on May 28, 09----------------*/
/*-----Hide Right Side Logo at Login Screen------*/

div.fixRightLogo
{
  display:none;     
}

/*-----End Changes Made on May 28, 09-------------*/

/*-------------------------------------------

    Progress Bar : 23 June 2009

-------------------------------------------*/

div.progressBarContainer
{
  font-size:11px;  
}
div.progressBarContainer .topLeftInfo
{
    float:left;
}

div.progressBarContainer .topRightInfo
{
    float:right;
}

div.progressBarContainer .progressBox
{
    width:99%;
    height:10px;
    border:1px solid #ccc;
    margin:4px 0;
    padding:2px;
}

div.progressBarContainer .progressBar
{
    background-color:#BCDD5A;
    height:100%
}

div.progressBarContainer .bottomLeftInfo
{
    float:left;
}

div.progressBarContainer .bottomRightInfo
{
    float:right;
}

/*---------------------------------
		Getting Started Template
----------------------------------*/

.emptyMsgholder
{
	border:solid 1px black;
	margin:20px;
	background-color:#dddddd; 
    color:Black;
    font-size:10px;
    padding:10px 20px;
	 
}
.emptyMsgHeader
{
    font-weight:bold; 
    font-size:18px;
}



span.largeColorBox
{
    width:20px;
    height:20px;
    margin:10px 0;
    background-color:#000;
    border:1px solid #ccc;
    display:inline-block;
    cursor:pointer;
}

a.overrideColorBox
{
    float:none;
    position:relative;
    left:8px;
    top:3px;
    #top:0px;
}

span.largeColorBox
{
    width:20px;
    height:20px;
    margin:10px 0;
    background-color:#000;
    border:1px solid #ccc;
    display:inline-block;
    cursor:pointer;
}

/*-------------------------------------------
    Custom link position for user management
--------------------------------------------*/
#uxLnk_changePass
{
   position:relative;
   left:0px;
   top:30px; 
}

.changePassError
{
  color:#ff0000;
  padding-top:10px;
}


.folderStatInstruction
{
    font-style:italic;
}

/*-------------------------------------------
    Custom link position for user management
--------------------------------------------*/ 
#tagPanel{background:#fff;border: 1px solid #ccc;position:absolute; z-index:1000; display:none}
#tagPanel .nameInputHolder{border-bottom:1px solid #ccc; padding:4px}
#tagPanel .nameInputHolder input{width:200px;}
#tagPanel .tagItemsHolder{padding:4px 4px 4px 0; max-width:210px;}
#tagItems{max-height:200px; overflow-y:auto;}
#tagItems li:hover{cursor:pointer}
#tagPanel .btnHolder{border-top:1px solid #ccc; padding:4px; background-color:#e9e9e9; text-align:center}
#tagPanel .btnHolder input{width:100px}



/*-------------------------------------------
    Updated style for Application Link/Share
	May 17, 2010
--------------------------------------------*/
ul.miniTab
{	
	width:300px;
	display:inline-block;
	border-right:0px;
	background-color:#e9e9e9;
	border-right:1px solid #ccc;
	font-size:11px;
}
ul.miniTab li
{
	float:left;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width:33%;
	text-align:center;
	padding:4px 0;
	display:inline-block;
    cursor:pointer;
}
ul.miniTab li.active
{
    background-color:#fff;
    border-bottom:1px solid #fff;
}

div.miniTabContent
{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:299px;
	padding:20px 0px;
}

.uxAppPreviewUri, .uxAppPreviewUri:focus,.uxAppShare, .uxAppEmbed
{
	border:0px;
	width: 288px;
	height: 50px;
    overflow: hidden;
}

.uxAppPreviewUri 
{
    width:100%;
    text-align:center;
    display:block;
    height:auto;
}

.uxAppShare 
{
    height:auto;
}

.uxAppPreviewUri a 
{
    font-size:11px;
	text-decoration:none;	
}

.uxAppPreviewUri a:hover
{
    border-bottom:1px dotted #48d;	
}

.uxAppShare a
{
	font-size:11px;
	text-decoration:none;
	margin-left:10px;	
}

.uxAppShare a:hover
{
	border-bottom:1px dotted #48d;
}