@CHARSET "ISO-8859-1";
#debug {background:#feffef;position:fixed;top:0;right:0;background:lightgreen}
body { background-color:#808080; }
.mainPanel { background-color:null; width:990px;   background-color:transparent;  }
.mainContent { background-color:null; width:980px;  background-color:transparent; }

#flash_notification {background:#FFF7A3;position:fixed;top:4px;left:50%;padding:2px 15px 2px 15px; color:#000000;z-index:1001}
#lightbox_notification {background:#FFF7A3;position:absolute;top:4px;left:40%;padding:2px 15px 2px 15px; color:#000000;z-index:1002}
#info_strip { 
  z-index:1002;position:fixed;top:38px;left:0;right:0; color:#000000; 
  background:#FFF7A3; 
  border-bottom:solid 1px #8A8A8A;
 }
 
 #info_strip .wrapper { 
   background:#FFFBD6; margin:2px 0 2px 0;padding:4px; font-size:11px;
 }

.toolbar { z-index:1000;position:fixed;top:0;left:0;right:0;  color:#000000;text-align:left;background:#f3f3ef;margin:0px auto auto auto;border-bottom:solid 1px #8A8A8A;border-top:solid 1px #fff;}
.toolbar button { font-size:11px; outline:none; }
.toolbar button span { position:relative; top:-2px;margin:0px; padding:0px 2px 0px 2px; }
.toolbar input { border:0px; }
.toolbar .wrapper { position:relative; border-bottom:solid 1px #FFFFFF;padding:5px 10px 5px 10px;font-size:11px; height:25px;}
.toolbar #element_selector {font-size:11px;margin:4px 5px auto 10px;vertical-align:top; padding:1px}
.toolbar #scene_selector {font-size:11px;margin:4px 5px auto 5px;vertical-align:top; padding:1px; width:200px;}
.toolbar #key_instructions {position:fixed; top:45px;left:10px;}
.toolbar #project_links { position:fixed; right:5px; }
.toolbar #project_links div { float:left; text-align:right; padding: 0 10px 0 0;}
.toolbar #project_links h4 { margin:0px; }
.toolbar #sandbox_links { position:fixed; right:10px; }
.toolbar #page_info { display:block;float:left;margin:4px auto auto 10px; padding:0px; }
.toolbar #page_info input { font-size:11px;padding:1px;vertical-align:middle;text-align:center; margin:0px; width:20px;}
.toolbar .privacy { float:left; margin:auto auto auto 10px; }

.project_dropdown { width:100px; color:#4b4b4b; padding:0px; border:solid #c9c9c9 1px; text-align:left;background-color:#f9f9f9;}
.project_dropdown ul { border:solid #fff 1px; }
.project_dropdown ul li { margin:0px 0px 0px 0px; border-bottom:1px #d9d9d9 solid;  }
.project_dropdown li a { text-decoration:none; padding:5px; display:block;cursor:pointer; }
.project_dropdown li a:hover { background-color:#E8F2FA;display:block;cursor:pointer; }
.project_dropdown_link { position:relative; top:5px; left:2px;}

.preferences { width:380px; color:#4b4b4b; padding:0px; border:solid #c9c9c9 2px; text-align:left;background-color:#808080;}
.preferences .wrapper { margin:2px;padding:10px 20px 10px 20px; background-color:#FFFFFF; }
.preferences .wrapper .checkbox { margin:2px 5px 0 0; } 
.preferences .wrapper label { padding:-5px 5px 0 0;  } 
.preferences .color_swatch { height:25px;display:inline; border:#000000 1px solid; padding:auto 10px auto 10px; margin:auto auto auto 5px; }
.preferences .wrapper input { border:0px; }

.help_popup { width:380px; color:#4b4b4b; padding:0px; border:solid #c9c9c9 2px; text-align:left;background-color:#808080;}
.help_popup .wrapper { margin:2px;padding:10px 20px 10px 20px; background-color:#FFFFFF; }
.help_popup h4 { margin:auto auto 15px auto; }
.error_popup { width:300px; color:#4b4b4b; border:solid #ff0000 1px; text-align:left;background-color:#FF8A8A;}
.error_popup .wrapper { margin:2px;padding:10px 20px 10px 20px; background-color:#FFFFFF; }
.error_popup h2 { background:url(/imgs/icons/exclamation.png) no-repeat left 2px;padding:0 0 0 22px; font-size:16px; color:#4b4b4b; }
.error_popup h4 .error { background-color:#FFADAD; }

.panel_loading { 
  background:url(/imgs/loading_boxes.gif) 2px 2px; border:2px #878787 solid; background-color:#ffffff;width:88px;height:48px; margin: auto auto 2px 4px; 
}

.scene_navigation { margin:10px 60px auto auto; }
.scene_navigation button { width:120px; font-size:11px; padding:0px; margin:0px; }
.scene_navigation button img { position:relative;top:2px; }
.scene_navigation button span { position:relative; top:-2px; }
#loading_animation { 
  background:url(/imgs/loading_boxes.gif) no-repeat 2px 2px; border:2px #E3E3E3 solid; background-color:#ffffff;width:44px;height:24px; margin: auto auto 2px 4px; position:fixed;bottom:0; left:0;
}

.autocomplete                 {font-family: "Courier New",Courier,monospace;width:230px;height:210px;overflow:auto;display:block;border:solid 1px #ccc;border-right:solid 2px #a9a9a9;border-bottom:solid 2px #a9a9a9;color:#000000;background-color:#fff;position:absolute;padding:10;margin-right:-4px;}
.autocomplete ul              {list-style-type:none;margin:0;padding:0}
.autocomplete ul li           {text-align:left;font-size:12px;text-transform:uppercase;padding:3px 10px;cursor:pointer;border-bottom:solid 1px #eee;font-weight:bold;line-height:14px;white-space:nowrap}
.autocomplete ul li em        {font-style:normal;background-color:#e3eaf2;}
.autocomplete li.hover        {background-color:#335ea8; color:#fff;}
.autocomplete li.hover em     {background:none;}
.autocomplete .tip            {font-size:11px;padding:3px;background-color:#f5f5f5;color:#666;}

#screenplay { width:100%; background-image:url(/imgs/bgs/screenplay.gif); background-repeat:repeat-y; background-position:150px 0px; }
#screenplay .main { text-align:left;border: 0px #5C5C5C solid; overflow:visible;float:left;  margin: 0 0 0 0px;  }
#screenplay .left { float:left;width:150px;}
#screenplay .left .wrapper { background-color:#999999;border: 1px #A6A6A6 solid; border-right:0px;border-bottom:1px #666666 solid; padding:5px 5px 5px auto;  }
#screenplay .left h2 { margin:2px auto auto auto;padding:0px 5px 0px 0px;font-size:14px; color:#4b4b4b; }
#screenplay .left .details { font-family: Arial, Verdana; font-size:9px; color:#4b4b4b;margin:4px auto 4px auto; word-wrap:break-word; }
#screenplay .scene {  }
#screenplay .body {  background-color:#FFFFFF;border-left:1px #000000 solid;border-right: 4px #FFFFFF solid; text-align:left; margin: 0 auto; width:620px; float:left;  padding:auto 40px auto 40px; }

#screenplay .body .unwritten_scene { margin: -5px auto auto auto; padding: 5px 50px 5px 50px; }
#screenplay .body .locked { background-image:url(/imgs/icons/lock_grey.png); background-repeat:no-repeat; background-position: 2px 2px; }
#screenplay .main .header { height:50px;border-right:4px #FFFFFF solid;border-left:1px #000000 solid;border-top:1px #000000 solid; }
#screenplay .main .footer { height:100px;border-top:1px #FFFFFF solid; border-bottom:1px #000000 solid; }

#screenplay .right { 
  margin:-2px auto -2px auto; 
  clear:right; display: block; 
  color:#868686; 
  text-align:left;
  width:200px;
  float:left;
  font-family:"Arial";
  font-size:10px;  
} 

#screenplay_end { cursor:text; }

.element_container { color:#000000; clear:both; padding:auto; }
.element_container div {margin-bottom:0px;}
.element_container p {width:300px;display:block;margin:0 auto 15px auto;text-align:left;padding:2px;font-family: "Courier New", Courier, monospace;font-size:12px;line-height:15px;letter-spacing:0;}
.element_container div:hover p {background:#f0feff}

.element_container .locked:hover p {background:none;}

.element_container textarea {overflow:hidden;width:300px;height:20px;display:block;margin:auto auto 15px auto;text-align:left;padding:2px;font-family: "Courier New", Courier, monospace;font-size:12px;border:none;background:#FFFBD6;line-height:15px;letter-spacing:0;outline:none;resize:none;}

.element_container .restore { position:absolute; top:2px;right:4px; text-decoration:none;}
.element_container .restore button { font-size:11px; outline:none; }
.element_container .restore button span { position:relative; top:-2px;margin:0px; padding:0px 2px 0px 2px; text-decoration:none;}

.element_container .dialog_element .character {width:150px;text-transform: uppercase;margin:0 200px -5px 250px;}
.element_container .dialog_element span {text-align:left;padding:0 50px 0 50px; margin:0; clear:both; display:block;}

.element_container .slugline_element p {width:470px;text-transform: uppercase;margin: 0 auto 10px auto;}
.element_container .slugline_element textarea {width:470px;text-transform: uppercase;margin: auto auto 10px auto;}

.element_container .action_element p,
.element_container .action_element textarea {width:470px;margin:0 auto 15px auto;}

.element_container .transition_element p, 
.element_container .transition_element textarea {  width:120px;  text-align:right; text-transform:uppercase; margin: auto auto 15px 425px; }

.element_container .shot_element p,
.element_container .shot_element textarea { width:470px; text-align:left; text-transform:uppercase; }

.element_container .element_buttons { margin:-10px 0 10px 0; padding:0; text-align:center; }

.element_buttons_wrapper { padding:0px;margin: -10px auto 10px auto; text-align:center; }
  
#screenplay .small{ font-family:"Arial";  font-size:9px;}

#screenplay .change{  font-style:italic; }

#screenplay .handle {position:absolute;left:30px;background:url('/imgs/drag_handle_bkgd.gif');color:red;cursor:move;display:none;height:100%;width:8px;}
#screenplay div:hover .handle {display:block;}

#screenplay .instructions {
  text-align:right;
  font: bold normal 12px "Courier New";
  text-transform: uppercase;
  color: #666666;
  margin: 5px 0px 5px 0px;
}

#screenplay .comment{ 
  border-bottom:1px #CCCCCC solid;
  padding:2px;
  margin-bottom:3px;
  text-align:left;
}

#screenplay .commentTitle{
  border-bottom:1px #E4FFBB solid;
  padding:2px;
  margin-bottom:3px;
  font-weight:bold;
}

#screenplay .deleted { background-color:#FFFFFF; clear:both; }
#screenplay ins{ background-color:#FFE9E9; text-decoration:none; }
#screenplay del{ color:#FF9B9B; }


#screenplay .deleted_body {
  background-color:#FFE8EF;
  border-bottom: 1px #FFB0C8 solid; 
  position:relative;
}

#screenplay .deleted_body p { text-decoration:line-through; }


#screenplay .showdown_prompt { background-color:#EDF7FC;  }
#screenplay .showdown_prompt:hover p { background:none; }

#screenplay .rev_body {
  background-color:#F6FFF5;
  border-top: 1px #E4FF79 solid;
  border-bottom: 2px #E4FF79 solid; 
  position:relative;
}

#screenplay .rev_body:hover p { background:none; }

#screenplay .rev_close {
  text-align:left;
  margin: 0px;
  padding:5px 100px;
  clear:both;
  background-color:#E4FF79;
  border: 0px #E4FF79 solid;
  border-bottom: 0px #E4FF79 solid; 
}

#screenplay .right .rating {
  float:left;width:35px;
  margin:0px 0px 0px 2px;
}

#screenplay .right .details { float:left;width:180px;color:#4b4b4b; }

#screenplay .right .comm {
  float:right;width:20px;padding-left:0px;
}

#screenplay .right a, #screenplay .right a:link, #screenplay .right a:active {
  display: inline;
  color:#4b4b4b;
}

#screenplay .right a:hover {
  display: inline;
  color:#4b4b4b;
  text-decoration:underline;
}

#screenplay .right .author { color:#4b4b4b; }
#screenplay .right .rev { float:left;padding:2px auto auto auto;width:18px; }
#screenplay .right .comment { color:#4b4b4b; border-bottom:1px #4D4D4D solid; }
#screenplay .right .box {  background-color:transparent; padding:auto auto 10px auto; }
#screenplay .right textarea { height:100%; width:100%; }
#screenplay .right .vote { color:#4b4b4b; border-bottom:1px #4D4D4D solid; padding: auto auto auto 20px; }
#screenplay .right .lightBox { background-color:transparent; color::#4b4b4b; border:0px; text-align:center;}

.parenthetical{
  color:#000;
  text-align:center;
  margin-top:0px;
  margin-bottom:0px;
  font-family: "Courier New",Courier,monospace;;
}

.comments_container {
  clear:both;
}

#outline { margin: auto auto auto auto; width:870px; }
#outline div p { margin:0px; padding:2px; }
#outline .body { width:500px; background-color:#FFFFFF; border:1px #000000 solid; padding:40px 70px 40px 70px; margin:auto auto 10px auto; float:left; } 
#outline .right { width:200px; float:left; margin:40px auto auto 10px;  } 
#outline div .editable:hover { background:#f0feff; }
#outline .save_controls button { width:250px; }
#outline textarea {
  overflow:hidden;display:block;margin:0px;text-align:left;padding:2px;font-size:12px;background:#FFFFE0; border:#E9E9AE 1px inset;
}

#outline div:hover .rev, #outline div .rev { 
	background:#F6FFF5;
}

#scenes {}

.scene_list .default { width:550px; background-color:#FFFFFF; border:1px #000000 solid;  margin:auto auto 10px auto; position:relative; }
.scene_list .notecard { width:225px; height:150px; overflow:none; display:inline; background-color:#FFFFFF; border:1px #000000 solid; padding:10px 25px 10px 25px; margin:auto 15px 10px auto; }
.scene_list .handle { 
  background:url('/imgs/drag_handle_bkgd.gif');cursor:move;display:none;height:98%;width:8px; padding:0px;
  position:absolute;
  }
.scene_list div:hover .handle {display:block;}
.scene_list .body { padding:10px 25px 10px 25px; }

.scene_list .deleted { background-color:#FFE8EF; }

.workspace { width:600px; color:#4b4b4b; padding:0px; border:solid #4b4b4b 2px; text-align:left; background-color:#C9C9C9;}
.scene_details { height:400px;overflow:auto; }
.workspace .workspace_toolbar { padding: 2px 10px 2px 10px; background:#f3f3ef;margin:0px auto auto auto;border-bottom:solid 1px #8A8A8A;border-top:solid 1px #fff;}
.workspace .workspace_toolbar button { font-size:11px; outline:none; }
.workspace .workspace_toolbar span { position:relative; top:-2px;margin:0px; padding:0px 2px 0px 2px; }
.workspace .workspace_toolbar a:link, .scene_details .scene_toolbar a:active, .scene_details .scene_toolbar a:visited  { text-decoration:none; }  
.workspace .wrapper { margin:2px; padding:10px 20px 10px 20px; background-color:#FFFFFF; }
.workspace .scene_title { font-size:14px; font-weight:bold; }
.workspace label { display:block; font-weight:bold; }
.workspace .instructions { font-size:9px; color:#4b4b4b;font-weight:normal; margin:auto auto auto 5px; }
.workspace .radio_container { margin: 5px auto 5px auto; }
.workspace .radio_container label { display:inline; font-weight:normal; padding: auto auto auto 5px;}
.workspace .radio_container input { margin: 5px 5px auto auto; }

.workspace .save_controls button { width:250px; }
.workspace div p {  margin:0px; padding:2px; }
.workspace .edit textarea {overflow:hidden;display:block;margin:0px;text-align:left;padding:2px;font-size:12px;background:#FFFFE0;line-height:15px;letter-spacing:0;
	border:#E9E9AE 1px inset;
}


.submitButton { font-family:"Arial"; }