@import "/Resources/common.css";

@media screen, print
{
		
	html
	{
		scrollbar-arrow-color: #989797;
		scrollbar-base-color: #D2D2D2;
		scrollbar-shadow-color: #D2D2D2;
		scrollbar-face-color: #D2D2D2;
		scrollbar-highlight-color: #D2D2D2;
		scrollbar-dark-shadow-color: #EDECEC;
		scrollbar-3d-light-color: #EDECEC;
	}


	#blah
	{
		scrollbar-arrow-color: #BAB8B8;
		scrollbar-base-color: #F4F2F2;
		scrollbar-shadow-color: #EDECEC;
		scrollbar-face-color: #F4F2F2;
		scrollbar-highlight-color: #EDECEC;
		scrollbar-dark-shadow-color: #EDECEC;
		scrollbar-3d-light-color: #EDECEC;
	}

	#blah2
	{
		scrollbar-arrow-color: #ABD148;
		scrollbar-base-color: #619F06;
		scrollbar-shadow-color: #619F06;
		scrollbar-face-color: #619F06;
		scrollbar-highlight-color: #619F06;
		scrollbar-dark-shadow-color: #619F06;
		scrollbar-3d-light-color: #619F06;
	}

	body
	{
		margin: 0px;
	}


	.red
	{
		color: #AF1707;
	}

	h3
	{
		font-size: 14px;
		font-weight: bold;
		color: #F67D00;
		margin-top: 4px;
		margin-bottom: 11px;
	}

	h4
	{
		font-size: 12px;
		font-weight: bold;
		color: #F67D00;
		margin-top: 4px;
		margin-bottom: 11px;
	}
	h4 a:link, h4 a:active, h4 a:visited
	{
		font-size: 12px;
		font-weight: bold;
		color: #F67D00;
		margin-top: 4px;
		margin-bottom: 11px;
	}
	h4 a:hover
	{
		font-size: 12px;
		font-weight: bold;
		color: #666666;
		margin-top: 4px;
		margin-bottom: 11px;
	}

	h5
	{
		font-size: 11px;
		font-weight: normal;
		color: #F67D00;
		margin-top: 4px;
		margin-bottom: 11px;
	}

	HR
	{
		color: #99C836;
		background-color: #99C836;
		border-style: none;
		height: 1px;
	}

	.SubHeading
	{
		font-weight: bold;
		color: #F67D00;
	}

	a.heading:link, a.heading:active, a.heading:visited
	{
		font-size: 12px;
		font-weight: bold;
		color: #F67D00;
	}

	a.headingcurrent:link, a.headingcurrent:active, a.headingcurrent:visited
	{
		font-size: 12px;
		font-weight: bold;
		color: #666666;
	}

	#news, #news a:link, #news a:active, #news a:visited
	{
		color: #F67D00;
		text-decoration: none;
		font: 12px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	#news a:hover
	{
		color: #F67D00;
		text-decoration: none;
	}

	.DataGrid
	{
		border: #8CBA2A 1px solid;
		padding: 5px;
		margin: 0px;
		cursor: default;
		background-color: white;
		border-collapse: separate;
	}

	.DataGrid TD a:link, .DataGrid TD a:active, .DataGrid TD a:visited
	{
		color: #CCCCCC;
		font-weight: inherit;
		text-decoration: none;
	}
	.DataGrid TD a:hover
	{
		color: #333333;
		font-weight: inherit;
		text-decoration: none;
	}

	.DataGrid TH, .DataGrid TH a:link, .DataGrid TH a:active, .DataGrid TH a:visited
	{
		color: #F67D00;
		text-decoration: none;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}

	.DataGrid TH a:hover
	{
		color: #F67D00;
		text-decoration: none;
	}

	.DataGrid TD
	{
		vertical-align: top;
	}

	.DataGrid .Even
	{
		padding-right: 7px;
		padding-left: 7px;
		background-color: #F4F8EC;
		color: #666666;
	}
	.DataGrid .Odd
	{
		background-color: white;
		padding-right: 7px;
		padding-left: 7px;
		color: #666666;
	}

	.Pager
	{
		background-color: #99C836;
		color: white;
	}
	
	#Pager
	{
		background-color: #99C836;
		color: White;
		font-size: 12px;
		font-family: Arial,Helvetica,sans-serif;
	}
	#Pager a:link, a:active, a:visited a:hover
	{
		font-weight: bold;
		color: white;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 12px;
	}

	#PagerNormal
	{
		color: white;
	}
	#PagerBold
	{
		font-weight: bold;
		color: white;
	}

	.textsmall
	{
		font: 9px Verdana, Arial, Helvetica, sans-serif;
	}



	.tdOver
	{
		background: #0E9BA2;
		color: #FFFFFF;
	}

	.menustrip
	{
		background: #BD3F1A;
	}

	.welcomestrip
	{
		background: #006EB6;
	}

	.dotbg
	{
		background: #52B8D6;
	}

	.lowerstrip
	{
		background: #BD3F1A;
	}

	

	a.GreenLink:hover
	{
		color: rgb(115, 174, 1);
	}

	#menu, #menu a:link, #menu a:active, #menu a:visited
	{
		color: #0E9BA2;
		text-decoration: none;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		background-color: #3E3576;
		display: block;
		padding: 2px;
	}
	#menu a:hover
	{
		color: #FFFFFF;
		text-decoration: none;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		background-color: #006699;
		height: 100%;
		display: block;
		padding: 2px;
	}

	#submenuitem, #submenuitem a:link, #submenuitem a:active, #submenuitem a:visited
	{
		color: #FFFFFF;
		text-decoration: none;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	#submenuitem a:hover
	{
		color: #F0F4E9;
		text-decoration: none;
	}

	#sitemap, #sitemap a:link, #sitemap a:active, #sitemap a:visited
	{
		color: #ffffff;
		text-decoration: none;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
	}
	#sitemap a:hover
	{
		color: #F3F6EC;
		text-decoration: none;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
	}

	#sitemap2, #sitemap2 a:link, #sitemap2 a:active, #sitemap2 a:visited
	{
		color: #98B367;
		text-decoration: none;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
	}
	#sitemap2 a:hover
	{
		color: #F3F6EC;
		text-decoration: none;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
	}

	#buttons td a
	{
		text-decoration: none;
		color: #929292;
		display: block;
		padding: 1px;
		border: 1px solid #B8B8B8;
		font: 9px Verdana, Arial, Helvetica, sans-serif;
		background-color: #FFFFFF;
	}
	#buttons td a:link, #buttons a:visited, #buttons a:active
	{
		color: #929292;
		background-color: #FFFFFF;
	}
	#buttons td a:hover
	{
		color: #F67D00;
		background-color: #FFFFFF;
		border: 1px solid #B8B8B8;
	}
	#buttons td
	{
		text-align: center;
	}
	* html #buttons td a
	{
		width: 100%;
	}

	#buttons2 td a
	{
		text-decoration: none;
		color: #FFF200;
		display: block;
		padding: 2px;
		border: 1px solid #A0B280;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		background-color: #416400;
	}
	#buttons2 td a:link, #buttons2 a:visited, #buttons2 a:active
	{
		color: #FFF200;
		background-color: #416400;
	}
	#buttons2 td a:hover
	{
		color: #FFFFFF;
		background-color: #416400;
		border: 1px solid #A0B280;
	}
	#buttons2 td
	{
		text-align: center;
	}
	* html #buttons2 td a
	{
		width: 100%;
	}

	#buttons3 td a
	{
		text-decoration: none;
		color: #FFFFFF;
		display: block;
		padding: 2px;
		border: 1px solid #FFBC84;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		background-color: #FF7908;
	}
	#buttons3 td a:link, #buttons3 a:visited, #buttons3 a:active
	{
		color: #FFFFFF;
		background-color: #FF7908;
	}
	#buttons3 td a:hover
	{
		color: #F8E4D3;
		background-color: #FF7908;
		border: 1px solid #FFBC84;
	}
	#buttons3 td
	{
		text-align: center;
	}
	* html #buttons3 td a
	{
		width: 100%;
	}


	#footer
	{
		padding: 5px;
		color: #929292;
		text-decoration: none;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
	}
	#footer a:link, #footer a:active, #footer a:visited
	{
		color: #929292;
		text-decoration: none;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
	}
	#footer a:hover
	{
		color: #B7B6B6;
		text-decoration: none;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
	}

	.footercolor
	{
		background: #006EB6;
	}

	
	.formfield
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		width: 190px;
	}

	.selectbox
	{
		font-size: 11px;
		color: #000000;
	}

	.Register
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		width: 220px;
	}

	.formfieldlong
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		width: 260px;
	}
	.formfieldlogin
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		width: 80px;
	}

	.bordertextbox
	{
		padding: 1px 0px 1px 1px;
		margin: 2px 0px 2px 2px;
		border-top: 1px dashed #0988AE;
		border-right: 1px none #0988AE;
		border-bottom: 1px dashed #0988AE;
		border-left: 1px dashed #0988AE;
	}

	.textbox
	{
		padding: 8px;
		margin: 1px 0px 1px 1px;
		text-align: left;
		background-color: #D5EEF5;
	}

	.white
	{
		color: #FFFFFF;
	}

	div.scroll
	{
		height: 84px;
		width: 486px;
		overflow: auto;
		padding: 5px;
	}
	div.scroll2
	{
		height: 84px;
		width: 236px;
		overflow: auto;
		padding: 5px;
	}
	div.scroll3
	{
		height: 270px;
		width: 236px;
		overflow: hidden;
		padding: 5px;
		vertical-align: middle;
		font-size: 12pt;
		color: White;
	}
	div.scroll4
	{
		/*height: 230px;*/
		width: 490px;
		/*overflow: hidden;*/
		padding: 3px;
	}

	#tablemenu1 td a
	{
		text-decoration: none;
		display: block;
		padding: 5px 1px 3px 2px;
		font: bold 10px Verdana, Arial, Helvetica, sans-serif;
		border: 1px none;
	}
	#tablemenu1 td a:link, #tablemenu1 a:visited, #tablemenu1 a:active
	{
		color: #646464;
	}


	#tablemenu1 td a:hover
	{
		color: #F67D00;
		background-color: #E7E7E7;
		border: 1px solid #D2D0D0;
		padding: 4px 0px 2px 1px;
	}
	#tablemenu1 td
	{
		text-align: center;
	}
	* html #tablemenu1 td a
	{
		width: 100%;
	}
	.kern
	{
		line-height: 15px;
		color: #8B8C8C;
	}

	.RoleBorder
	{
		border-top: gray 1px solid;
	}

	TD.Even
	{
		padding-right: 7px;
		padding-left: 7px;
		background-color: #F4F8EC;
		color: #343D22;
	}
	TD.Odd
	{
		background-color: white;
		padding-right: 7px;
		padding-left: 7px;
		color: #343D22;
	}

	.quote
	{
		color: #AEAEAE;
		width: 90%;
		margin-left: 20px;
	}
	.GeneralMessage
	{
		padding: 3px;
	}
	.ErrorMessage
	{
		border: red 1px solid;
		padding: 3px;
	}
	.MessagePanelGeneral
	{
		border: #808080 1px solid;
		padding: 3px;
	}

	div.PageNotice
	{
		margin:5px auto 15px auto; 
		padding:5px;
		border: solid 1px #99C836;
		background-color: #F5FFE0;
	}
	
	.PagerBackground
	{
		background-color: #99C836;
	}
	.RoleBorder
	{
		border-top: gray 1px solid;
	}

	.GreenTable
	{
		padding: 2px;
		font-weight: bold;
	}

	.GreenTable TH
	{
		background-color: #95C632;
		color: white;
		text-align: center;
		vertical-align: top;
		padding: 2px 15px 2px 15px;
	}

	.GreenTable TD
	{
		color: #999999;
		background-color: #F1F5E9;
		text-align: center;
		vertical-align: top;
		padding: 2px 15px 2px 15px;
	}

	p.Note
	{
		font-size: 7pt;
		color: Gray;
	}
	a.Note
	{
		font-size: 11px;
	}


	table#header
	{
		height: 100px;
		width: 100%;
	}
	table#nav
	{
		height: 27px;
		width: 100%;
	}
	.Box
	{
		border: #8CBA2A 1px solid;
		background-color: whitesmoke;
	}		
	.Wide
	{
		width: 250px;
	}
	.Standard
	{
		width: 300px;
	}
	.Narrow
	{
		width: 200px;
	}
	td.Label
	{
		width: 150px;
	}
	.Note
	{
		font-size: 7pt;
		color: gray;
	}
	td.LabelInsideDiv
	{
		width: 147px;
	}

	.PagerFeint
	{
		font-weight: bold;
		color: #D6E6B5;
	}
	.PagerNormal
	{
		color: white;
	}
	.PagerBold
	{
		font-weight: bold;
		color: white;
	}

	.SelectedBox
	{
		border: gainsboro thin groove;
		padding: 2px;
		margin: 2px;
		overflow: auto;
		max-height: 550px;
	}

	
	.ResizeHandle
	{
		background: blue;
		width: 10px;
		height: 10px;
		cursor: se-resize;
	}

	/*
	* Casting Notice
	*/

	CastingNoticeRoleSubmitted
	{
		background-color: #bbbbFF;
	}

	CastingNoticeRoleNotSubmitting
	{
		background-color: #bbbbbb;
	}
	
	
	
	/*
	* LinkBar
	*/

	.LinkBar
	{
		text-align: center;
		/*border-collapse: collapse;*/
	}
	
	.LinkBar td
	{
		border: #99c836 1px solid;
	}
	
	.LinkBar td a
	{
		font-weight: bold;
		color: #F67D00;
	}
	
	td.LinkBarDisabled a
	{
		font-weight: bold;
		color: #333333;
	}
	
	.LinkBarSelected
	{
		background-color: #99c836;
	}
	
	/*
	* Message Dialog
	*/
	
	.MessageDialog
	{
		font-weight: bold;
		color: #444444;
		background-color: lemonchiffon;
		text-align: left;
		border: groove 3px khaki;
	}


	.MessageDialogItem
	{
		padding: 2px;
	}

	.MessageDialogMessage
	{
		background-color:#ddffdd
	}

	.MessageDialogWarning
	{
		background-color:#ffffdd
	}

	.MessageDialogError
	{
		background-color:#ffdddd
	}

	.MessageDialogBackground
	{
		background-color: Gray;
		opacity: 0.7;
	}

	/*
	* Artist Roster
	*/
	
	.ArtistRosterItem
	{
		float: left;
		overflow: hidden;  
		white-space: nowrap;
		margin: 4px;
		color: White;
		background-color: #d4d4d4;
	}
	.ArtistRosterItemImage
	{
		margin: 5px 10px 5px 10px;
	}
	.ArtistRosterItemBottom
	{
		padding:0px;
		height:32px;
		background:#999999 url(/eCaster/Images/iconBackground.gif) repeat-x;
		vertical-align:middle;
		margin:0px;
	}
		.ArtistRosterItemBottom img
		{
			padding:0px;
			margin:0px;
		}
	
	.ArtistRosterItemInfo
	{
		margin: 5px 0px 0px 0px;
		padding:4px;
		background-color: white;
		border: solid 1px #99C836;
		color: #8b8c8c;
		max-width:350px;
		white-space:normal;
	}
	
	.ArtistRosterSideBar
	{
		width: 200px;
	}
	
	.ArtistRosterSelectedListContainer
	{
		height:360px;
		overflow:auto;
	}
	
	.ArtistRosterSelectedList
	{
		margin: 2px 0px 2px 0px;
		padding:5px 5px 0px 5px;
		background-color: whitesmoke;
		border: solid 1px gainsboro;
		color: #8b8c8c;
		min-height: 20px;
		max-height: 340px;
		overflow-x: hidden;
		overflow-y: auto;
		white-space: nowrap;
		display:block;
	}
		
	.ArtistRosterSearchPopup
	{
		width:250px;
		height:100px;
		background-color:#FFF;
		border:solid 1px #8CBA2A;
		position:absolute;
		vertical-align:middle;
		text-align:center;
		padding-top:30px;
	}
		.ArtistRosterSearchPopup div.popupMessage
		{
			margin-top:20px;
			font-size:12px;
			font-weight:bold;
		}
	.ArtistRosterModalBackground
	{
		background-color:Gray;
        filter:alpha(opacity=60);
        opacity:0.60; 
	}
	.ArtistRosterProjectActionPopup
	{
		width:500px;
		min-height:200px;
		max-height:800px;
		overflow-y:auto;
		background-color:whitesmoke;
		border:solid 1px #8CBA2A;
		position:absolute;
		text-align:center;
		padding:20px 10px 20px 10px;
	}
		.ArtistRosterProjectActionPopup h5
		{
			font-weight:bold;
		}
		.ArtistRosterProjectActionPopup a
		{
			cursor:pointer;
			color:#555;
		}
	.ArtistRosterMessagePopup
	{
		background-color:whitesmoke;
		width:250px;
		max-height:600px;
		overflow-y:auto;
		padding:15px 15px 15px 15px;
		border:solid 1px #8CBA2A;	
		text-align:center;
	}

}

@media screen
{
	body, td, p, li, span, a, textarea, input, select
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color: #8B8C8C;
	}

	a:link, a:active, a:visited
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: inherit;
		color: #505050;
		text-decoration: none;
	}
	a:hover
	{
		color: #000000;
		text-decoration: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	
}


@media print
{
	body
	{
		color: Black;
		font-size: 8pt;
		font-family: Tahoma, Arial;
	}	
    
    H3
	{
		color: Black;
		font-size: 9pt;
		
	}
	
    H4
	{
		color: Black;
		font-size: 8pt;
	}
	
	a
	{
		color: Black;
		text-decoration: none;
		
	}
	
	.SubHeading
	{
		color: Black;
	}
	
	HR
	{
		color: gray;
		background-color: gray;
		border-top: solid 1px gray;
	}
		
	
	.button
	{
		display: none;
	}
	
	.Note
	{
		font-size: 5pt;
	}
	
}