/* shared by all movies series (Tutorials, LAs, Workshops, DiDA) pages */

#series, #la_launcher, #la_overview, #proj_21st_cs
{
    padding: 0 1em 0 1em;
    font-size: 11px;
    margin: 0;
    clear: both;
}

#series div, #la_launcher div, #la_overview div, #proj_21st_cs div
{
    margin: 6px 0;
}

#series h4, #la_launcher h4, #la_overview h4, #proj_21st_cs h4
{
    margin-bottom: 0;
    margin-top: 10px;
}

#series div.title, #la_launcher div.title, #la_overview div.title, #proj_21st_cs div.title
{
    font-size: 14px;
}

div.title
{
    padding: 1em 0 1em 0;
    color: #000;
    font-size: 14px;
    line-height: 1.27;
    font-weight: bold;
}

#series div.subtitle
{
    font-weight: bold;
    font-size: 110%;
}

#series_logo
{
    padding: 1em;
    float: right;
    clear: both;
}

#la_logo
{
    padding: 0.5em 0 1em 3em;
    
}

#blue_box
{
    background-color: #e7f2fe;
    border: 1px solid #336699;
    padding: 10px;
    font-size: 10px;
    font-color: #336699;
    margin: 10px 0 10px 0;
}

#app_and_platform
{
    margin: 0;
    padding: 0 0 1em 0;
    font-weight:bold;
    text-align:left;
    width: 100%;
}

#app_and_platform th
{
    text-align:left;
}

#blurb
{
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: bold;
}

#blurb p
{
    margin-top: 1em;
    margin-bottom: 1em;
}

.podlet #blurb p
{
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    text-indent: 0;
}

#author
{
    margin-top: 1em;
    margin-bottom: 1em;
}

table.subsect
{
    clear: both;
    margin: 0 auto;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-left: auto; /* to compensate for narrowed margins on 21st CS page */
    margin-right: auto; /* to compensate for narrowed margins on 21st CS page */
}

table.subsect tbody tr
{
    border-top: 1px solid #222;
    
}

table.subsect tbody tr td
{
    border-top: 1px solid #222;
    line-height: 16px;
}

table.subsect tbody tr.last
{
    border-bottom: 1px solid #222;
}

table.subsect tbody tr.last td
{
    border-bottom: 1px solid #222;
}

table.subsect thead tr
{
}

table.subsect thead th
{
}


th.title, td.title
{
    width: 333px;
    
}

td.title
{
    color: #336699;
}

td.cnt
{
    color:#336699;
}

th.mid, td.mid
{
    width: 50px;
    text-align: right;
}

th.length, td.length
{
    width: 50px;
    text-align: right;
}

#series th.series_page_star,
#series td.series_page_star
{
    width: 22px;
    text-align: center;
}

#visitor_msg
{
    margin: 1em 0 0 0;
    padding: 0;
}

.bottom_space
{
    margin-bottom: 1em;   
}

/* la-specific */

#la_launcher #head, #la_overview #head, #proj_21st_cs #head
{
    font-size: 20px;
    color: #006699;
    font-weight: bold;
}

#la_launcher #title, #la_overview #title, #proj_21st_cs #title
{
    font-size: 18px;
    color: #c0362c;
    padding-bottom: 1em;
}

/* table links */
th.title
{
    padding-left: 4px;
    color: #fff;
    font-weight: bold;
    background-image: none;
    text-align: left;
    font-size: 12px;
}
th.mid
{
    color: #000;
    font-size: 95%;
    background-image: none;

}
th.length
{
    color: #000;
    font-size: 95%;
    background-image: none;
}

/* table links for CMS and VLE*/
th.title2
{
    background-image: none ;
}
th.mid2
{
    background-image: none;
}
th.length2
{
    background-image: none;
}

/****************************************/

div#add_series_to_at_inner,
div#add_series_to_at_inner div {
	margin: 0 !important;
	padding: 0 !important;
}

div#add_series_to_at form {
	margin: 0;
	padding: 0;
}

div#add_series_to_at select {
	margin: 0;
	margin-bottom: 3px;
	width: 100%;
}

div#add_series_to_at input#at_add_button {
	margin: 0;
	margin-top: 3px;
	float: right;
}

div#add_series_to_at div#add_series_to_at_msg {
	color: red !important;
	font-weight: bold !important;
}

div#add_series_to_at div#add_series_to_at_msg p {
	margin: 0;
	padding: 0;
	padding-top: 0.5em;
	color: red !important;
	font-weight: bold !important;
}

div#assistive_tech_blurb
{
  width:    100%;
  border:   2px #96B9C3 solid;
  padding:  5px;
}

div.assistive_tech_indent
{
  margin-left:  10px;
}

.accordion_headings:hover
{
  background:   #333 none repeat scroll 0 0;
  background-image: url(../images/backgrounds/series_slice_bk_over.png);
  background-repeat: repeat-x;
}

.accordion_headings
{
  background:   #fff none repeat scroll 0 0;
  border:       0px solid #FFFFFF;
  color:        #FFFFFF;
  cursor:       pointer;
  font-weight:  bold;
  padding:      5px;
  background-image: url(../images/backgrounds/series_slice_bk_rt.png);
  background-repeat: no-repeat;
}

.accordion_headings span
{
  background-image: url(../images/backgrounds/series_slice_bk_left.png);
  background-repeat: no-repeat;
}

#test-header-cmpl
{
  cursor:  default;
}

#test-header-cmpl:hover
{
  background:   #006699 none repeat scroll 0 0;
}


.accordion_child
{
  background:   #fff none repeat scroll 0 0;
  margin: 0 !important;
  padding-top: 0px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
}

.accordion_headings a:link, .accordion_headings a:visited
{
  color:            #FFFFFF;
  text-decoration:  none;
}

#series_expand_hide_all a
{
	border-bottom: 1px dotted #006699;
	margin-bottom: 10px;
}

hr
{
color: #333;
background-color: #ccc;
height: 1px;
border: 0;
}

#generate,
#assign, #recommend
{
    /* white-space: nowrap; */
   /* float: left; */
    padding-top: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #666666;
    padding-left: 80px;
    text-indent: -85px;
	/* background:url('../images/series/new_feature_callout_bg.gif') repeat-x left bottom #f9f3a3; */
	/* border:1px solid #decb92; */
	/* padding:10px; */
}

#assign
{
    /* float:left; */
    /* width: 35%; */
    /* width: 40% */
}

#generate
{
    /* width: 50% */
}

#recommend
{
    /*float:left;*/
    /* width: 50% */
}

#generate img,
#recommend img
{
    margin-bottom: -23px;
}

#assign img
{
    margin-bottom: -14px;
}

/*global buttons -regular */


a.squarebutton_series {
background: transparent url('../images/square-gray-left.png') no-repeat top left;
display: block;
float: center;
line-height: 29px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 37px; /* Height of button background height */
padding-left: 18px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton_series, a:visited.squarebutton_series, a:active.squarebutton_series {
color: #fff; /*button text color*/
border-bottom: 0px solid #fff;

}

a.squarebutton_series span{
background: transparent url('../images/square-gray-right.png') no-repeat top right;
display: block;
padding: 2px 10px 6px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton_series:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton_series:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #ccc;
}

.buttonwrapper_series{ /* Container you can use to surround a CSS button to clear float */
overflow: none; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
   padding-top: 0;
   padding-bottom: 0;
   text-align: center;
   margin-left: 10%;
   margin-right: 10%;
}