body
{
	text-align: -moz-center;
	background-image: url('../Graphics/all3_web_background.jpg');
	background-position: center top;
	vertical-align: top;
}

body, table, td, div, a, select { font-family: Arial; font-size: 9pt; }

h1 { font-size: 16pt; font-weight: bold; color: #d2232a; }
h2 {font-size: 14pt; font-weight: bold;	color: #d2232a; }
h3
{    
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}

/* General Classes   
----------------------------------------------------------*/
.listBox {height: 200px;}

.fontweightnormal { font-weight: normal; }
.color-red { color: Red; }

.verticalpadding { padding: 15px 0px; }
.paddingBottom { padding-bottom: 5px; }
.margin_vertical { margin: 10px 0px; }

.videoplayer { display: block; width: 500; height: 400px; }
.videoplayer small { width: 300; height: 355px; }


#PageWrapper
{
	text-align: left;
	vertical-align: top;
	width: 920px;
	margin-top: -5px;
}

#Banner
{
	float: left;
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#Banner_LeftSide
{
	float: left;
	width: 600px;
}

#Banner_Middle
{
	float: right;
	/* width: 150px; */
	/* border: 1px solid white; */
	text-align: right;
	padding: 28px 20px 0 0;
}

#Banner_RightSide
{
	float: right;
}

#ctl00_Login1_LoginTbl
{
	margin-top: 5px;
}

#ctl00_Login1_LoginTbl td
{
	padding-right: 7px;
	vertical-align: top;
}

#ctl00_Login1_emailTB, #ctl00_ForgottenPassword1_email2TB
{
	border: 0px;
	background-color: #ffffff;
	background-image: url('../Graphics/email_address_bg.jpg');
	width: 120px;
	height: 15px;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	color: #808284;
}

#ctl00_Login1_passwordTB
{
	border: 0px;
	background-color: #ffffff;
	background-image: url('../Graphics/password_bg.jpg');
	width: 120px;
	height: 15px;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	color: #808284;
}

#ctl00_Login1_GoBtn, #ctl00_ForgotPassword1_Go2Btn
{
	margin-top: -2px;
}

#MainArea
{
	float: left;
	width: 100%;
	/* height: 500px; */
	padding-bottom: 5px;
	background-color: #ffffff;
	margin-bottom: 10px;
}

#MainMenu
{
	width: 160px;
	float: left;
	margin: 10px;
}

#VisitAll3Media
{
	text-align: -moz-center;
	padding-top: 20px;
}

#HomePageFrame
{
	float: left;
	width: 100%;
	height: 460px;
	overflow-y: scroll;
}

#MainContent
{
	float: right;
	width: 710px;
	margin: 10px;
}

#MainMenu img
{
	margin-bottom: 2px;
}

.validation
{
	font-family: Arial;
	font-size: 7pt;
	color: #f68b8f;
}

.info {font-family: Arial; font-size: 7pt; color: #0040ff;}

.img_thumb
{
	width:100px;	
	height:60px;
	border:0px;		
}
.thumb
{
	width:110px;
	height:80px;
	float:left;
}
#BrandNewThisMonth
{
	width: 640px;
	margin-top: 15px;
}

#Footer
{
	float: left;
	width: 100%;
	padding-top: 10px;
	border-top: 1px solid #ffffff;
	margin-top: 10px;
}

#FooterDetails
{
	margin: 0 0 0 20px;
	float: left;
	color: #FFFFFF;
	font-size: 7pt;
	/*font-weight: bold;
	letter-spacing: 0.5px;*/
	text-align: left;
	text-decoration: none;
	width: 250px;
}

#FooterDetails a
{
	text-decoration: none;
	color: #ffffff;
	font-size: 7pt;
}

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

#TickerTape
{
	float: left;
	font-weight: bold;
	color: #ffffff;
	width: 510px;
}
ul.marquee
{
	display:block;
	padding:0;
	margin:0;
	list-style:none;
	line-height:1;
	position:relative;
	overflow:hidden;	
	height:30px;	
}
ul.marquee li
{
	position:absolute;
	top:-999em;
	left:0;
	display:block;
	white-space:nowrap;	
	padding:3px 5px;	
}

#FooterButtons
{
	float: right;
	width: 120px;
}

#FooterButtons img
{
	margin-bottom: 6px;
}

#ProgDetails
{
	float: left;
	margin: 0 0 10px 0;
	width: 620px;
}

#ProgDetails_ImageAndText
{
	/* width: 158px; */
	width: 122px;
	float: left;
	margin-right: 10px;
}

#ProgDetails_ImageAndText img
{
	/* width: 158px;
	height: 86px; */
	width: 122px;
	height: 67px;
}

#ProgDetails_ImageTitle
{
	width: 116px;
	float: left;
	padding: 3px;
	font-size: 7pt;
	color: #ffffff;
	background-color: #666666;
}

#ProgDetails_TitleAndSynopsis
{
	width: 480px;
	font-size: 9pt;
	float: left;
}

#ProgrammeCard_TitleAndSynopsis
{
	width: 420px;
	text-align: justify;
	font-size: 9pt;
	float: left;
}

#ProgrammeCard_ImageAndOptions
{
	width: 270px;
	float: right;
	text-align: left;
}

#ProgrammeCard_Image, #ProgrammeCard_ImageThumbs
{
	width: 100%;
	margin-top: 4px;
	float: left;
}

#ProgrammeCard_Image img
{
	width: 270px;
}

#ProgrammeCard_SmallOptions
{
	width: 100%;
	float: left;
	margin-top: 5px;
}

#ProgrammeCard_SmallOptions img, #ProgrammeCard_BigOptions img
{
	margin-bottom: 2px;
	border: 0px;
}

#ProgrammeCard_ImageThumbs img, img.ProgCardThumb
{
	width: 132px;
	height: 75px;
}

#ProgrammeCard_FooterInfo
{
	width: 420px;
	margin-top: 20px;
	float: left;
}

#BreadCrumbs
{
	float: left;
	font-size: 9pt;
	color: #d2232a;
	font-weight: bold;
	width: 100%;
}

#BreadCrumbs a
{
	font-size: 9pt;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

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

#ProgrammeTitle
{
	font-family: Arial Black, Arial;
	letter-spacing: -1px;
	width: 100%;
	font-size: 16pt;
	font-weight: bold;
	color: #d2232a;
	margin: 20px 0 10px 0;
}

.ProgrammeCard_Directors, .ProgrammeCard_Producers, .ProgrammeCard_Cast, .ProgrammeCard_Writers, .ProgrammeCard_Rating, .ProgrammeCard_Broadcasters
{
	float: left;
	width: 206px;
	/*height: 73px;*/
	/*background-image: url('../Graphics/proginfo_bground.gif');*/
	margin: 0 8px 8px 0;
}

#RunTime
{
	width: 410px;
	padding: 3px 0 3px 10px;
	background-color: #d2232a;
	color: #ffffff;
	font-size: 7pt;
}

.ProgFooterInfo_TableHead
{
	background-color: #000000;
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff;
	padding: 2px 7px 2px 7px;
	height: 18px;
}

.ProgFooterInfo_TableBody
{
	font-size: 8pt;
	color: #000000;
	padding: 5px 7px 0 7px;
	vertical-align: top;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
}

#BackToPrevious
{
	font-weight: bold;
	font-size: 10pt;
	color: #d2232a;
	width: 100%;
	float: left;
	margin-top: 5px;
}

#BackToPrevious a
{
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

#BackToPrevious a:hover
{
	color: #d2232a;
}

#MiniCard_Frame
{
	width: 205px;
	height: 238px;
	background-image: url('../Graphics/minicard_frame.gif');
	float: left;
	margin: 0 15px 15px 0;
}

#MiniCard_Genre
{
	float: left;
	width: 195px;
	padding: 3px 5px 3px 5px;
	background-color: #d53037;
	color: #ffffff;
	font-size: 6pt;
}

#MiniCard_Image
{
	float: left;
	width: 201px;
	height: 90px;
	margin: 0 0 0 2px;
	background-color: #dddddd;
	overflow: hidden;
}

#MiniCard_Image img
{
	width: 201px;
	margin-top: -20px;
}

#MiniCard_ProgTitle
{
	float: left;
	width: 187px;
	height: 34px;
	font-size: 10pt;
	font-weight: bold;
	margin: 0 0 0 2px;
	background-color: #000000;
	color: #ffffff;
	padding: 3px 7px 3px 7px;
}

#MiniCard_ProgTitle a
{
	text-decoration: none;
	color: #ffffff;
	font-size: 10pt;
	font-weight: bold;
}

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

#MiniCard_Synopsis
{
	float: left;
	width: 185px;
	height: 70px;
	margin: 7px 0 0 9px;
	font-size: 8pt;
	overflow: hidden;
}

#Themes_List, #Themes_List a, #Languages_List, #Languages_List a
{
	font-size: 11pt;
	font-weight: bold;
	color: #58595b;
	text-decoration: none;
}

#Themes_List a:hover, #Languages_List a:hover
{
	text-decoration: underline;
	color: #d2232a;
}

#AdminTable td
{
	width: 360px;
	vertical-align: top;
	color: #d2232a;
	font-size: 12pt;
	padding-bottom: 10px;
}

#AdminTable h1
{
	font-size: 14pt;
}

#AdminTable ul
{
	margin: -10px 0 0 -25px;
	color: #d2232a;
}

#AdminTable a
{
	color: #000000;
	text-decoration: none;
}

#AdminTable a:hover
{
	text-decoration: underline;
	color: #d2232a;
}

#MapAndDirections
{
	float: right;
}

#MapAndDirections a
{
	font-size: 8pt;
	text-decoration: underline;
	color: #000000;
}

#MapAndDirections a:hover
{
	color: #d2232a;
	text-decoration: none;
}

#MapAndDirections b
{
	color: #d2232a;
}

#Contacts
{
	width: 320px;
	float: left;
}

#StaffContactDetails
{
	float: left;
	width: 315px;
	border: 2px solid #f2f2f2;
	background-color: #f2f2f2;
	margin: 0 0 5px 0;
}

#StaffContactDetails_Text
{
	font-size: 8pt;
}

#StaffContactDetails a
{
	font-size: 8pt;
	color: #d2232a;
}

#StaffContactDetails a:hover
{
	color: #000000;
}

#ContactImageFrame
{
	float: left;
	width: 60px;
}

#ContactImageFrame img
{
	width: 50px;
	height: 50px;
}

.adminbutton
{
	color: #ffffff;
	background-color: #d2232a;
	border: 2px solid #d2232a;
	font-weight: bold;
	font-size: 8pt;
}

.horizontalList 
{
	margin: 0px;
	padding: 0px;
	list-style: none;	
}
.horizontalList li
{
	margin: 0px;
	padding: 0px;
	float: left;
}
.horizontalList a
{
	padding: 5px;
}
#progAdminTable
{
	width: 100%;
}

#progAdminLeftCol
{
	float: left;
	width: 50%;
	font-size: 8pt;
	font-weight: bold;
}

#progAdminRightCol
{
	float: right;
	width: 50%;
	font-size: 8pt;
	font-weight: bold;
}

.progAdminMultiCol
{
	float: left;
	width: 100%;
	font-size: 8pt;
	font-weight: bold;
	margin: 0 0 8px 0;
}

.progAdminSmallCol
{
	width: 49%;
	float: left;
	font-size: 8pt;
	font-weight: bold;
}

.progAdminThirdOfCol
{
	width: 32%;
	float: left;
	font-size: 8pt;
	font-weight: bold;
}

#progAdminLeftCol input, #progAdminLeftCol select, #progAdminRightCol input, #progAdminRightCol select
{
	width: 95%;
	font-family: Arial;
	font-size: 8pt;
}

#AdminButtonsDiv
{
	float: left;
	width: 98%;
	text-align: center;
	margin: 20px 0 20px 0;
}

#AdminCheckBoxes input
{
	width: 16px;
}

#AdminCheckBoxes
{
	float: left;
	margin: 0 0 8px 0;
	font-size: 8pt;
}

#PlaylistWrapper
{
	width: 710px;
	border: 1px solid #d2232a;
	margin: 10px 10px 0 0;
	float: right;
}

#PlaylistAdd, #PlaylistMenu
{
	margin: 5px 10px 5px 10px;
}

#PlaylistAdd h1
{
	font-size: 14pt;
	margin: 0px;
}

#PlaylistAdd td
{
	font-size: 8pt;
}

#PlaylistTopBar
{
	width: 100%;
	height: 22px;
	background-color: #d2232a;
	color: #ffffff;
	margin: 0 0 5px 0;
}

#PlaylistTopBar a
{
	color: #ffffff;
	text-decoration: none;
}

#ScreeningVideoList
{
	width: 100%;
	float: left;
	margin: 10px 0 10px 0;
	color: #d2232a;
	font-weight: bold;
	font-size: 11pt;
}

#ScreeningVideoList a
{
	color: #d2232a;
	text-decoration: none;
	font-size: 11pt;
}

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

.nowPlaying
{
	font-family: Arial Black, Arial;
	color: #d2232a;
	font-size: 12pt;
	font-weight: bold;
}

#VideoWindow
{
	width: 420px;
	float: left;
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #000000;
	font-size: 7pt;
	font-weight: bold;
}

.playlistButtons a, .playlistButtons
{
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #d2232a;
}

.playlistButtons a:hover
{
	color: #444444;
}

.backNextPLButtons
{
	background-color: #aaaaaa;
	color: #ffffff;
	font-weight: bold;
	font-size: 8pt;
	border: 2px solid #aaaaaa;
}

.playlistPageNumbers
{
	color: #777777;
	text-decoration: none;
}

a:hover.playlistPageNumbers
{
	text-decoration: underline;
}

#MaterialsOptions
{
	float: left;
	width: 205px;
	padding: 10px;
	border: 2px solid #d2232a;
}

#MaterialsOptions a, .deleteFile, .redLink, a:hover.greyLink
{
	color: #d2232a;
}

#MaterialsOptions a:hover, #ctl00_ContentPlaceHolder1_materialsPnl a:hover, a:hover.redLink, .greyLink
{
	color: #58595b;
}

a.adminlink
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

a:hover.adminlink
{
	color: #d2232a;
}

.listBox_Grey, .textArea_Grey
{
	border: 1px solid #58595b;
	font-size: 8pt;
	font-family: Arial;
}



#WeeklyReports
{
	border: 1px solid #000000;
	width: 600px;
}

#WeeklyReports td, .weeklyReportRedHeading
{
	font-size: 9pt;
	font-weight: bold;
	padding: 5px;
	border-bottom: 1px solid #000000;
}

.weeklyReportRedHeading
{
	color: #ffffff;
	background-color: #d2232a;
	font-size: 11pt;
}

#SubGenreMenu
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#SubGenreMenu li
{
	float: left;
	background-image: url("../Graphics/breadcrumb_red_arrow.gif");
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 12px;
	margin-right: 8px;
}

#SubGenreMenu li a
{
	color: #000000;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}

#SubGenreMenu li a:hover
{
	color: #d2232a;
	text-decoration: underline;
}

#SubGenreMenu .selected
{
	color: #d2232a;
}

/* ADMIN GRIDVIEW */

.grid {width: 400px; background-color: #fff; margin: 5px 0px 15px 0px; border: 1px solid #525252; border-collapse: collapse;}
.grid td {padding: 2px; border: 1px solid #c1c1c1; color: #717171; text-align: center;}
.grid th {padding: 4px 2px; color: #fff; background-color: #424242; border-left: 1px solid #525252; text-align: center;}
.grid .alt {background-color: #fcfcfc;}
.grid.match {width: 600px;}
.grid tr.currRow {background-color: #EEEEEE; cursor:pointer;} 

/* START ADMIN MENU */

/* Basic code - don't modify */
 
#adminmenu { display: block; margin: 5px 0 0 0; padding: 0; position: relative; }
#adminmenu li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#adminmenu a { display: block; }
#adminmenu ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
#adminmenu ul { line-height: 0; } /* IE6 "fix" */
#adminmenu ul a { zoom: 1; } /* IE6/7 fix */
#adminmenu ul li { float: none; }
#adminmenu ul ul { top: 0; }
    
/* Essentials - configure this */

#adminmenu ul { width: 170px; }
#adminmenu ul ul { left: 170px; }

/* Everything else is theming */
 
/*#adminmenu { background-color: #30A8C3; height: 24px; }*/
#adminmenu *:hover { background-color: none; }
#adminmenu a { color: white; font-size: 8pt; padding: 6px; line-height: 1; text-decoration: none; }
#adminmenu li a { background-image: url("../Graphics/breadcrumb_grey_arrow.png"); background-repeat: no-repeat; background-position: center left; padding-left: 17px; }

#adminmenu li.hover a { background-color: #000000; }
#adminmenu ul { top: 25px; }
#adminmenu ul li a { background-color: #000000; background-image: url("../Graphics/breadcrumb_red_arrow_plus5px.png"); font-weight: normal; }
#adminmenu ul a.hover { background-color: #5E5A5A; }
#adminmenu ul a { border-bottom: 0; border-right: 0; opacity: 1.0; filter: alpha(opacity=100); }
/* #adminmenu ul a { border-bottom: none; } - I also needed this for IE6/7 */

/* END ADMIN MENU */

/* ADMIN PAGES */

#admin h4 {margin-bottom: 0px;}
.horizontalList a.adminlink {text-decoration: underline;}

/* Message Box */

.msg_info
{
	border:solid 1px;
	background:#BDE5F8 url('../Graphics/InfoComplete_32x32.png') no-repeat 20px center;
	color: #00529B;	
	padding: 5px 10px 5px 50px;
	margin-bottom:15px;
	width:590px;
	display:none;	
	text-align:center;	
}
.msg_info table
{
	width:500px;
	margin-left: auto;
	margin-right: auto;
}


/* MESSAGE BOX CONTROL */

.msgbox_container
{
	width: 500px;
	font-size:13px;	
	margin-left:auto;
    margin-right:auto;
}

.msginfo, .msgsuccess, .msgwarning, .msgerror, .msgvalidation 
{
	border: 1px solid;
	margin: 10px 0px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.msginfo
{
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../Graphics/InfoComplete_32x32.png');
}

.msgsuccess
{
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('../Graphics/Success_32x32.png');
}

.msgwarning
{
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../Graphics/warningbutton.png');
}

.msgerror
{
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../Graphics/Error_32x42.png');
}

.msgvalidation 
{
	color: #D63301;
	background-color: #FFCCBA;
	background-image: url('../Graphics/Validation_32x32.png');
}

.msginfo p, .msgsuccess p, .msgwarning p, .msgerror p, .msgvalidation p 
{
	padding: 0px 50px;
}

.msginfo a, .msgsuccess a, .msgwarning a, .msgerror a, .msgvalidation a
{
	float: right;
	padding: 10px;
	cursor: pointer;
}
.msgbox_container img
{
	border: none;
}

.msgbox_message
{
	text-align: center;
}

/*
Admin Progress Report
*/

#progress #home
{
    float: right;
    width: 62px;
    height: 22px;
    display: block;
    margin: 0 10px;
    background-position: center top;
    background-repeat: no-repeat;
}
#progress #home a
{
    background-position: center top;
    background-repeat: no-repeat;
    text-decoration: none;
    background-image: url('../Graphics/progressHome.gif');
    width: 62px;
    height: 22px;
    display: block;
    overflow: visible;
}

#progress #home a:hover
{

    background-image: url('../Graphics/progressHomeHover.gif');

}

#progress h1
{
    color: #cc0000;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    margin-top: 40px;
    text-align: center;
    clear: both;
}

#progress h2
{
    color: #999999;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6px;
    text-align: center;
    clear: both;
}

#progress h2 span
{
    border-top: 1px solid #999999;
    padding-top: 6px;
}

#progress div.top
{
     border-bottom: 1px solid #999;
     margin-bottom: 10px;
     /*padding-bottom: 10px;*/
}

.progressList {width: 708px; margin: 5px 0px 15px 0px; border-collapse: collapse;}
.progressList td {padding: 4px; color: #717171; }
.progressList th {padding: 4px 2px; color: #333; background-color: #cfcfcf;}
.progressList .alt {background-color: #efefef;}

.overview-comment {
    font-family: Calibri;
    width: 500px;
    margin: 10px 30px 30px;
}

.overview-comment * {
    position: relative;   
}

#reportContent #comments .programme-header, #marketing .activity-heading, #sales .programme-header
{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background-color: #CC3333;
    margin: 10px 0 0 0;
}

#reportContent #comments .comment, #reportContent #reportOverview .comment
{
    margin: 10px 30px 30px 30px;
}

#reportContent #comments .overview, #marketing #marketing-header, #sales #sales-header 
{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background-color: #666;
    margin: 40px 0 10px 0;
}
#reportContent #reportOverview .overviewtop
{
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background-color: #666;
    margin-top: 0px;
}

.rpt-message {
    font-weight: bold;
    margin-left: 30px;
    margin-bottom: 10px;
}

.tbl-sales {
    margin-left: 30px;
}

#sales .programme-header {
    width: 100%;
}

.overview h3, .overviewtop h3, #marketing #marketing-header h3, .programme-header h3, #marketing .activity-heading h3, #sales #sales-header h3
{
    margin-left: 30px;
    padding: 5px;
}

#marketing .activityName
{
    background-color: #666666;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    width: 190px;
    padding: 8px;
}

#marketing ul.activity-events
{
    border: 1px solid #ccc;
    margin-top: 0px;
}

#marketing ul.activity-events li
{
    line-height: 1.5em;
    margin-top: 5px;
    list-style-image: url('../Graphics/red_circle.gif')
}

#frontPage
{   
    margin: 0;
    width: 100%;
    color: #666;
    display: none;
}

#frontPage div {
    page-break-after: avoid;
}

#frontPage #producer h3
{
    font-size: 48px;
    color: #666;
    margin-left:20px;
    margin-top: 0;
    margin-bottom: 0px;
    padding: 0px;
}
#frontPage .frontPageHeading
{
    font-weight: bold;
    font-size: 14px;
    margin-left:20px;
}
#frontPage .frontPageText
{
    font-size: 14px;
    margin-left:20px;
}

/*Producer Progress Report*/

.float-left {
    float: left;
}

.float-right {
    float: right;
}

#div-progress
{
    width: 600px;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

#div-progress div {
    width: 600px;
}

#div-progress div div {
    width: 140px;
}

.div-control
{
    width: 445px;
}

.mip-date {
    font-size: smaller;
}

.gray-line {
    background-color: gray;
    height: 4px;
    position: relative;
}

.mip-details {
    border: gray;
    border-style: solid;
    border-width: 1px;
}

.btn-go {
    margin-left: 5px;
}

.sales-ex-name {
    color: Red;
}

.mip-details {
    padding: 5px;
}

.comment-details {
    font-style: italic;
    font-size: 11px;
    margin-left: 10px;
}

.tbl-comments {
    border: 1px;
    border-style: solid;
    border-color: grey;
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: left;
    font-weight: bold;
    width: 610px;
}

.tbl-comments tr td {
    border: 1px;
    border-style: solid;
    border-color: grey;
}

.pgm-commenting {
    margin-left: 15px;
    width: 280px;
}

.slate-programme {
    width: 300px;
}

.pgm-comments-save {
    margin-top: 25px;
    width: 600px;
}

.pgm-comments {
    margin-top: 25px;
    width: 600px;
}

.edit-group-report {
    background-color: transparent;
    border: gray;
    border-style: solid;
    border-width: 1px;
    width: 200px;
    text-align: left;    
}

.edit-overview {
    background-color: transparent;
    border: gray;
    border-style: solid;
    border-width: 1px;
    width: 140px;
    text-align: left;
}

.btn-controls {
    background-color: transparent;
    border: gray;
    border-style: solid;
    border-width: 1px;
    width: 130px;
}

.btn-save {
    margin-left: 10px;
}

#comments-title {
    width: 600px;
    text-align: left;
}

.btn-border {
    background-color: transparent;
    border: gray;
    border-style: solid;
    border-width: 1px;
}

.report-row tr{
    padding: 10px;
}

.btn-slate-list {
    width: 100%;
    background-color: transparent;
    border-style: solid;
    border-width: 0px;
    text-align: left;
    padding-left: 0px;
    z-index: 200;
}
#all-search, #slate-pgms {
    width: 300px;
}

.btn-remove {
    font-size: smaller;
    color: red;
    background-color: transparent;
    border-width: 0px;
    cursor: pointer;
    width: 50px;
}


/*Producer Progress Report*/

.float-left {
    float: left;
}

.float-right {
    float: right;
}

#div-progress
{
    width: 600px;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

#div-progress div {
    width: 600px;
}

#div-progress div div {
    width: 140px;
}

#txt-comment {
    width: 600px;
}

#group-comment-details {
    width: 500px;
}

#comment-delete {
    width: 100px;
    text-align: right;
}

.div-control
{
    width: 445px;
}

.mip-date {
    font-size: smaller;
}

.gray-line {
    background-color: gray;
    height: 4px;
    position: relative;
}

.mip-details {
    border: gray;
    border-style: solid;
    border-width: 1px;
}

.add-edit-comments {
    background-color: transparent;
    border: gray;
    border-style: solid;
    border-width: 1px;
    width: 100px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 110px;
}

#popup-buttons div {
    width: 100px;
}

#overview-popup-buttons div {
    width: 100px;
    margin-top: 20px;
}

.rad-editor-overview {
    width: 600px;
    height: 500px;
}

#admin-popup {
    background-image: none;
}

.mip-details {
    padding: 5px;
}

#tbl-progress {
    margin-left: auto;
    margin-right: auto;
}

.edit-group-report {
    background-color: transparent;
    border: gray;
    border-style: solid;
    border-width: 1px;
    width: 200px;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

.btn-controls {
    background-color: transparent;
    border: gray;
    border-style: solid;
    border-width: 1px;
    
}

.report-row tr{
    padding: 10px;
}

.btn-slate-list {
    width: 100%;
    background-color: transparent;
    border-style: solid;
    border-width: 0px;
    text-align: left;
    padding-left: 0px;
}
#all-search, #slate-pgms {
    width: 300px;
}

#slate-pgms {
    margin-left: 10px;
}

.btn-remove {
    font-size: smaller;
    color: red;
    background-color: transparent;
    border-width: 0px;
    cursor: pointer;
    width: 50px;
}

#admin-select-exec
{
    width: 280px;
}

#admin-select-exec div {
    width: 280px;
}

#admin-select-exec div div {
    width: 140px;
}

#admin-select-exec-body {
    background-image: none !important;
}

.btn-print-slate {
    background-color: transparent;
    border: gray;
    border-style: solid;
    border-width: 1px;
    margin-left: 10px;
}

.last-slate, .search-pgm {
    background-color: transparent;
    border: gray;
    border-style: solid;
    border-width: 1px;
}

#format-access-country #select-country-ddl{
    width: 280px;
    float: left;
}

#divCountryName {
    width: 200px;
    float: left;
}