


/* --- Misc Classes --- */

* {
    margin: 0;
}

a:focus {
	outline-style: none;
}
body, html {
	margin: 0px;
	padding: 0px;
	
}

body {
	background: rgb(185,216,223) url( /images/bg.png ) repeat-x scroll top left;
}

html {
	
}

select {
	border: 1px solid #BDC7D8;
	padding: 2px;
	font-size: 11px;
}

input.text {
	border: 1px solid #BDC7D8;
	font-size: 12px;
	padding: 3px;
}


a.thumbnail {display:block;  overflow:hidden; }
a.thumbnail img {visibility:visible; border: 0;}

a.thumbnail:hover , a.thumbnail-ManualHover {background:0;}
a.thumbnail:hover img , a.thumbnail-ManualHover img {visibility:hidden; border:0;}

div.clear {
	clear: both;
}


.mainMenu {
    margin-top: 20px;
}

.buttonReplacement {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  padding-top: -99px;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
 text-align: right;
}

.formError {
	color: red;
}


div.generic_form {
 	border:1px solid #D7D6D6;
 }
 
div.generic_form div.form_header   {
 	background-color:#F3F2F2;
	padding: 5px;
	border-bottom:1px solid #D7D6D6;
}
 

 
div.generic_form div.form_contents {
 	padding: 10px;
 }
 
input.fixed-small-button-82 , div.fixed-small-button-82 {
	background: url(/images/buttons/fixed-small-button-82.gif) no-repeat scroll;
	width: 82px;
	cursor: pointer;
	border: none;
	height: 21px;
	font-family: Verdana;
	font-weight: bold;
	color: white;
	padding: 0px;
	font-size: 11px;
	text-align: center;
}

div.fixed-small-button-82 {
	line-height: 21px;
	vertical-align: middle;
	text-decoration: none;
}
a.fixed-small-button-82 {
	text-decoration: none;
	color: white;
}

a.fixed-small-button-82:hover {
    text-decoration: none;
	color: white;
}
	

/**
 * Generic Button templates
 */
input.fixed-generic-button-75, input.fixed-generic-button-100 , input.fixed-generic-button-125 , input.fixed-generic-button-150 , input.fixed-generic-button-200 , input.fixed-generic-button-250 ,
input.fixed-orange-button-100 , input.fixed-orange-button-150 , input.fixed-orange-button-200 , input.fixed-orange-button-250,
div#gsfn_search_results ul.gsfn_topic_list  input  {
	cursor: pointer;
	border: 0px solid #ffffff;
	height: 26px;
	font-family: Verdana;
	font-weight: bold;
	color: white;
	padding: 0px;
	line-height: 26px;
	margin: 0px;
	font-size: 12px;
	text-align: center;
}

input[disabled] {
	font-style: italic;
	color: #DFDFDF;
	font-weight: normal;
	opacity: 0.9;
	filter:alpha(opacity=90);
}

input.fixed-generic-button-75 {
	background: url(/images/buttons/fixed-generic-button-75.gif) no-repeat scroll;
	width: 75px;
}

input.fixed-generic-button-100  {
	background: url(/images/buttons/fixed-generic-button.gif) no-repeat scroll;
	width: 100px;
}

input.fixed-generic-button-125 {
	background: url(/images/buttons/fixed-generic-button-125.gif) no-repeat scroll;
	width: 125px;
}

div#gsfn_search_results ul.gsfn_topic_list  input ,
input.fixed-generic-button-150 {
	background: url(/images/buttons/fixed-generic-button-150.gif) no-repeat scroll;
	width: 150px;
}

input.fixed-generic-button-200 {
	background: url(/images/buttons/fixed-generic-button-200.gif) no-repeat scroll;
	width: 200px;
}

input.fixed-generic-button-250 {
	background: url(/images/buttons/fixed-generic-button-250.gif) no-repeat scroll;
	width: 250px;
}

input.fixed-generic-button-250 {
	background: url(/images/buttons/fixed-generic-button-250.gif) no-repeat scroll;
	width: 250px;
}

input.fixed-verifier-button-orange {
	background: url(/images/buttons/button-verifier-orange.png) no-repeat scroll;
    cursor: pointer;
    border: 0px solid #ffffff;

    width: 243px;
    height: 63px;

    padding: 0px;
    margin: 0px;

    font-family: Verdana;
    font-weight: bold;
    font-size: 32px;

    color: white;

    line-height: 26px;
    text-align: center;
}


input.fixed-verifier-button-orange-medium {
	background: url(/images/buttons/button-verifier-orange-medium.png) no-repeat scroll;
    cursor: pointer;
    border: 0px solid #ffffff;

    width: 175px;
    height: 45px;

    padding: 0px;
    margin: 0px;

    font-family: Verdana;
    font-weight: bold;
    font-size: 28px;

    color: white;

    line-height: 45px;
    text-align: center;
}


input.fixed-orange-button-100 {
	background: url(/images/buttons/fixed-orange-button-100.gif) no-repeat scroll;
	width: 100px;	
}

input.fixed-orange-button-150 {
	background: url(/images/buttons/fixed-orange-button-150.gif) no-repeat scroll;
	width: 150px;	
}

input.fixed-orange-button-200 {
	background: url(/images/buttons/fixed-orange-button-200.gif) no-repeat scroll;
	width: 200px;	
}

input.fixed-orange-button-250 {
	background: url(/images/buttons/fixed-orange-button-250.gif) no-repeat scroll;
	width: 250px;	
}


input.fixed-tallroundorange-button-225 {
	cursor: pointer;
	border: 0px solid #ffffff;
	height: 43px;
	font-family: Verdana;
	font-weight: bold;
	color: white;
	padding: 0px;
	line-height: 54px;
	margin: 0px;
	font-size: 12px;
	text-align: center;
}

input.fixed-tallroundorange-button-225 {
	background: url(/images/buttons/fixed-tallroundorange-button-225.png) no-repeat scroll;
	width: 225px;
}

div.generic-link-button {
}

div.generic-link-button div.generic-link-button-R {
	background: url(/images/buttons/generic-button.gif) no-repeat scroll -246px 0px;
	width: 4px;
	height: 26px;
	float: left;
}

div.generic-link-button a {
	border: none;
	display: block;
	background: url(/images/buttons/generic-button.gif) no-repeat scroll;
	height: 22px;
	font-family: Verdana;
	font-weight: bold;
	color: white;
	font-size: 12px;
	padding: 4px 6px 0px 8px;
	text-align: center;
	float: left;
	text-decoration: none;
}

div.generic-link-button div.generic-link-button-CLEAR {
	clear: left;
}
 

div.generic-button {
}

div.generic-button div.generic-button-R {
	background: url(/images/buttons/generic-button.gif) no-repeat scroll -246px 0px;
	width: 4px;
	height: 26px;
	float: left;
}

div.generic-button input {
	border: none;
	background: url(/images/buttons/generic-button.gif) no-repeat scroll;
	height: 26px;
	font-family: Verdana;
	font-weight: bold;
	color: white;
	font-size: 12px;
	padding: 3px 6px 5px 8px;
	text-align: center;
	float: left;
	
}

div.generic-button div.generic-button-CLEAR {
	clear: left;
}
 


/* --- Application Layout --- */
div#layout-root {
	width: 972px;
    margin-left: auto;
    margin-right: auto; 
	padding: 0px;
	margin-bottom: 30px;
	margin-top; 0px;
	margin-top: 10px;
	position: relative;
	
}

div#layout-header {
}


/* - Right Bar Header - */


div#layout-header div.right-bar {
	float: right;
	padding: 0px;
	margin-bottom: 10px;
	margin-right: 30px;
}

div#layout-header div.right-bar ul
{
	text-align: center;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

div#layout-header div.right-bar ul li
{
	display: inline;
}

div#layout-header div.right-bar span ,
div#layout-header div.right-bar a {
	padding: 0px 8px 0px 8px;
	
}

div#layout-header div.right-bar div.divider {
	clear:both;
}

div#layout-header div#choose-theme {
	float: right;
	margin-right: 20px;
}

div#layout-header div#choose-theme-heading {
	color: #427593;
	font-size: 10px;
}

div#layout-header div#choose-theme div#choose-theme-night {
	float: left;
	margin: 4px;
	width: 25px;
	height: 25px;
	background: transparent url(/images/icons/theme_night.png) no-repeat scroll top left;
	cursor: pointer;
}

div#layout-header div#choose-theme div#choose-theme-evening {
	float: left;
	margin: 4px;
	width: 25px;
	height: 25px;
	background: transparent url(/images/icons/theme_evening.png) no-repeat scroll top left;
	cursor: pointer;
}

div#layout-header div#choose-theme div#choose-theme-day {
	float:left;
	margin: 4px;
	width: 25px;
	height: 25px;
	background: transparent url(/images/icons/theme_day.png) no-repeat scroll top left;
	cursor: pointer;
}

/* - Logo Header - */

div#layout-header div.logo{
	padding: 5px 0px 0px 40px;
	margin: 0px;
	width: 172px;
}
div#layout-header div.tagline {
	padding-top: 4px;
	text-align: right;
}

/* - Tabbed Menu Header - */

div#layout-header div.tabbed-menu {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	clear: both;
	height: 42px;
	position: relative;
	z-index: 100;
	/*background: transparent url(/images/windows/generic/shade-top.png) 0 0 no-repeat scroll;*/
}

div#layout-header div.tabbed-menu div.tab {
	padding: 0px;
	margin: 0px;
	height: 42px;
	overflow:visible; 
	float: left;
}

div#layout-header div.tabbed-menu div.tab-start {
	background: transparent url(/images/windows/generic/tab-start.png) 0 0 no-repeat scroll;
}


div#layout-header div.tabbed-menu div.tab-end {
	background: transparent url(/images/windows/generic/tab-end.png) 0 0 no-repeat scroll;
	width: 35px;
}

div#layout-header div.tabbed-menu div.tab-search-left {
	background: transparent url(/images/windows/generic/tab-search-left.png) 0 0 no-repeat scroll;
	width: 45px;
}


div#layout-header div.tabbed-menu div.tab-left , div#layout-header div.tabbed-menu div.tab-right  {
	background: transparent url(/images/windows/generic/tab-empty.png) 0 0 repeat-x scroll;
}

div#layout-header div.tabbed-menu div.tab-middle , div#layout-header div.tabbed-menu div.tab-middle-selected {
	line-height: 42px;
	text-align: center;
}

div#layout-header div.tabbed-menu div.tab-middle {
	background: transparent url(/images/windows/generic/tab-empty.png) 0 0 repeat-x scroll;
	position: relative;
	
}

div#layout-header div.tabbed-menu div.selected div.tab-middle {
	background: transparent url(/images/windows/generic/tab-middle.png) 0 0 repeat-x scroll;
}

div#layout-header div.tabbed-menu div.tab-sublinkable .tab-headingtext {
	position: relative;
	margin-left: -10px;
}



div#layout-header div.tabbed-menu div.tab-middle div.sublink_nav_menu {
	position: absolute;
	top: 42px;
	
	left: 2px;
	width: 134px;
	color: #42788f;
}


div#layout-header div.tabbed-menu div.tab-middle .sublink_arrow {
	display:block;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right:-15px;
	cursor: pointer;
	width: 17px; 
	height: 17px;
	background-image: url(/images/windows/menunav/down-arrow-off-grey.png);/* 9x6*/
	background-attachment: scroll;
	background-position: 4px 6px;
	background-repeat: no-repeat;
	background-color: transparent;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}

div#layout-header div.tabbed-menu div.mixamo_menubar_selected .tab-headingtext a {
	color: #42788F;
}

div#layout-header div.tabbed-menu div.mixamo_menubar_selected {
	color: #42788F;
}

div#layout-header div.tabbed-menu div.mixamo_menubar_selected .sublink_arrow {
	background-color: #f1f1f1;
	background-image: url(/images/windows/menunav/down-arrow-on.png);
}

div#layout-header div.tabbed-menu div.tab-middle .sublink_arrow:hover {
	background-image: url(/images/windows/menunav/down-arrow-on.png);
}

div#layout-header div.tabbed-menu div.tab-middle div.sublink_nav_menu ul
{
	padding: 0px;
	margin: 0px;
	line-height: 15px;
}

div#layout-header div.tabbed-menu div.tab-middle div.sublink_nav_menu ul li
{
	list-style: none;
	line-height: 17px;
	text-align: left;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	float:none;
	vertical-align: middle;
}

div#layout-header div.tabbed-menu div.tab-middle div.sublink_nav_menu ul li a {
	width: 104px;
	margin: 0px;
	padding: 4px 10px 4px 10px;
	display:block;
	color: #42788F; /*#09779f*/
}

div#layout-header div.tabbed-menu div.tab-middle div.sublink_nav_menu ul li a:hover {
color: #080E18;
}

div#layout-header div.tabbed-menu div.tab-middle div.sublink_nav_menu ul li.first
{
	background: transparent url(/images/windows/menunav/top-item.png) no-repeat scroll top left;
	padding: 3px 5px 0px 5px;
	width: 124px;
}

div#layout-header div.tabbed-menu div.tab-middle div.sublink_nav_menu ul li.middle
{
	background: transparent url(/images/windows/menunav/middle-item.png) no-repeat scroll top left;	
	padding: 0px 5px 0px 5px;
	width: 124px;
}

div#layout-header div.tabbed-menu div.tab-middle div.sublink_nav_menu ul li.last
{
	background: transparent url(/images/windows/menunav/bottom-item.png) no-repeat scroll top left;
	height: 25px;
	width: 134px;
	padding: 0px;
}


div#layout-header div.tabbed-menu div.tab-middle div.sublink_nav_menu ul a
{
	color: #42788f;
}


div#layout-header div.tabbed-menu div.selected div.tab-left {
	background: transparent url(/images/windows/generic/tab-left.png) 0 0 repeat-x scroll;	
}

div#layout-header div.tabbed-menu div.selected div.tab-right  {
	background: transparent url(/images/windows/generic/tab-right.png) 0 0 repeat-x scroll;
}

div#layout-header div.tabbed-menu div.tab-text  {
	line-height: 42px;
	text-align: center;
}


div#layout-header div.tabbed-menu div.tab-empty {
	background: transparent url(/images/windows/generic/tab-empty.png) 0 0 repeat-x scroll;
}





/* - Search Tab Header - */

div#layout-header div.tabbed-menu div.search ,div#layout-header div.tabbed-menu div.search-on {
	height: 42px;
	background: transparent url(/images/windows/generic/tab-search-middle.png) 0 0 repeat-x scroll;
	width: 260px;
}

div#layout-header div.tabbed-menu div.search  {

}

div.search-box-container {
	margin-top: 3px;
	height: 26px;
	position: relative;
}

div.search-box-container input.searchbox {
	width: 151px;
	height: 20px;
	border: 1px solid #CCCCCC;
	padding: 2px;
	font-size: 15px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}

div.search-box-container input.searchsubmitbtn { 
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 163px;
	background: transparent url(/images/buttons/search.png) 0 0 no-repeat scroll;
	width: 39px;
	height: 26px;
	padding: 0px;
	margin: 0px;
	text-indent: -999px;
	border: none;
	
	font-size: 0px;
	line-height: 0px;
	display: block;
	cursor: pointer;
}

div.search-box-type-list {
	position: absolute;
	top: 30px;
	left: 0px;
	width: 200px;
	height: 62px;
	line-height: 20px;
	background-color: white;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

div.search-box-type-list div.option {
    cursor: pointer;
	border-bottom: 1px solid #ccc;
	color: black;
	font-size: 15px;
	padding: 5px;
	height: 20px;
	line-height: 20px;
	background-color: white;
}
div.search-box-type-list div.option:hover { 
    background-color: #fff4cf;
}

/* - Contents - */
div#layout-contents {
	width: 972px;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 1;
}

div#layout-contents div.layout-inner-contents {
	position: relative;
	top: -5px;
	left: 0px;
	overflow: hidden;
	padding: 0px 20px 0px 20px;
	min-height: 470px;
}

div#layout-contents div#layout-middle-window {
}

div#layout-contents #flash-notice-container {
	padding: 0px 10px 0px 10px;
	z-index: 100;
}

div#layout-contents #flash-notice {
	position: relative; 
	top: -10px;	
	background-color:transparent;
	padding: 6px;
	z-index: 100;
	
	border: solid #CCCCCC 1px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

div#layout-contents div#flash-notice div.containing-box {
	position: relative;
	padding: 4px 10px 6px 10px; 
	color: #4e595d;
}

div#flash-text {
	float:left;
}

/* - Footer - */
div#layout-footer {
	float: right;
	padding-top: 10px;
	margin-right: 30px;
}

div#layout-footer a ,  div#layout-footer span , div#splash-footer a ,  div#splash-footer span {
	padding: 0px 15px 0px 15px;
	border-left: 1px #D9DBDC solid;
}

div#layout-footer a.first , div#layout-footer span.first , div#splash-footer a.first , div#splash-footer span.first {
	border-left: none;
}

/* --- Splash Screen Layout --- */
html.splash {
}

body.splash {
	height: 100%;
}

div#splash-logo {
	padding-top: 20px;
	text-align: center;
}
div#splash-root {
	width: 750px;
	margin: 20px auto 10px auto;
	color: black;
}

div#splash-footer {
	text-align: center;
	padding-bottom: 20px;
}



/* --- Mini Login --- */
div#mini-login .login-label , 
div#mini-login .pwd-label
{
	padding-bottom: 10px;
	float: left;
	width: 100px;
}

div#mini-login .remember-label {
	padding-left: 5px;
		padding-bottom: 10px;

	float: left;
}

div#mini-login .remember-box {
	float: left;
	padding-left: 20px;	
		padding-bottom: 10px;

}

div#mini-login .login-box , 
div#mini-login .pwd-box
{
		padding-bottom: 10px;
	float: left;
}

div#mini-login .submit {
	clear: both;
}


/* --- Popup Message --- */
/* div.popmessage is a message that pops onto the screen, which expects to get noticed */
div.popmessage {
    margin: 5px;
    padding: 5px;
}

div.popmessage h2, div.popmessage p {
    margin: 0 0 .5em 0;
}

div.popmessage.success {
    border: solid 1px #00CC00;
    background-color: #99FF99;
}

div.popmessage.info {
    border: solid 1px #FFFF00;
    background-color: #FFFFCC;
}

div.popmessage.error {
    border: solid 1px red;
    background-color: pink;
}


/* --- Generic Table --- */
table.generic {
	border-collapse: collapse;
	margin: 1px;
}


table.generic th {
	background-color: #F3F2F2;
	border-right: #EEEEEE 1px solid;
	border-bottom: #D7D6D6 1px solid;
	border-top: #D7D6D6 1px solid;
	padding: 5px;
	text-align: left;
		color: #2383A6;
	font-size:14px;
	font-weight:normal;
}

table.generic td {
	border: solid #F1F1F1 1px;
	padding: 5px;
	background-color: #FCFCFC;
	text-align:left;
}


table.generic tr th:first-child , table.generic tr td:first-child {
	border-left: #D7D6D6 1.5px solid;
}

table.generic tr th:last-child , table.generic tr td:last-child {
	border-right: #D7D6D6 1px solid;
}


table.generic tr:last-child td {
	border-bottom: #D7D6D6 1px solid;
}

table.generic th.header {
	cursor: pointer;
}

table.generic th.headerSortUp {
	background-color: #CDD4D6;
}

table.generic th.headerSortDown {
	background-color: #CDD4D6;
}
	
/* --- Clip Table --- */
div.clipTableDiv {
	padding-bottom: 20px;
}

div.purchased_mystuffTable {
	/*float: left;*/
	padding-right: 9px;
}

div.saved_mystuffTable {
}

div.skeletons_mystuffTable {
	/*float: left;*/
}

div.clipTableHeader , div.headerBar {
	background: transparent url(/images/clips-bar.png) no-repeat scroll 0 0 ;
	height: 20px;
	line-height: 20px;
	padding: 0px;
	margin: 0px;
	padding-left: 20px;
	border: none;
	position:relative;
}

div.clipTableHeader div.secondbg {
	background: #FFFFFF url(/images/clips-bar.png) no-repeat scroll 100% 0;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 20px;
	height: 20px;
}

table.clipTable {
	border-collapse: collapse;
	empty-cells: show;
	table-layout: fixed;
}


table.clipTable th {
	background-color: #F3F2F2;
	text-align: left;
	border-bottom: #D7D6D6 1px solid;
	border-right: solid #F1F1F1 1px;
}

table.clipTable th , table.clipTableBody td{
	margin: 0px; padding: 5px; 
}

div.clipsTableBodyContainer {
	height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
	border-bottom: #D7D6D6 1px solid;
	border-left: #D7D6D6 1px solid;
	
}
	
table.clipTableBody {
	border-collapse: collapse;
	empty-cells: show;
	table-layout: fixed;
	
}

table.clipTableBody tr.autosave {
	font-style: italic;
}

table.clipTableBody tr.autosave td.col2 {
	font-style: italic;
}


table.clipTableBody tr.odd td {
	background-color: rgb(252, 252, 252);
}

table.clipTableBody tr.even td {
	background-color: rgb(248, 248, 248);
}

table.clipTableBody td  {	
	text-align: left;
	border-bottom: solid #F1F1F1 1px;
	border-right: solid #F1F1F1 1px;
	height: 40px;
	overflow: hidden;
}

table.clipTable th.col1 , table.clipTable th.first-col {
	border-left: #D7D6D6 1px solid;
}

table.clipTable th.col9 , table.clipTable th.last-col {
	border-right: #D7D6D6 1px solid;	
}


table.clipTableBody tr:last-child td {
}


/* 
The size of the scroll bar on a mac in safari is 15px and in firefox it is 14px
On windows it is 16px
 */
td.col1, th.col1 { width: 15px; } 
td.col2, th.col2 { width: 160px; } 
td.col3, th.col3 { width: 170px; } 
td.col4, th.col4 { width: 75px; }  
td.col5, th.col5 { width: 75px; } 
td.col6, th.col6 { width: 75px; }
td.col7, th.col7 { width: 75px; } 
td.col8, th.col8 { width: 100px; } 

td.col4-purchase , th.col4-purchase { width: 125px;}
td.col5-purchase , th.col5-purchase { width: 75px;}
th.colLAST-purchase { width: 286px;}
td.colLAST-purchase { width: 270px;}


th.col9 { width: 53px; }
td.col9 { width: 35px; }  /* 53 - 16 of IE scrollbar */


div.clipTableButtons {
	padding-top: 10px;
}

div.clipTableEmpty {
	border-right: #D7D6D6 1px solid;
	border-left: #D7D6D6 1px solid;
	border-bottom: #D7D6D6 1px solid;
	padding: 5px 0px 5px 30px;
}

/* --- Generic Splash Window --- */
div.splash-window-top {
	background: transparent url(/images/windows/splash/top.png) no-repeat scroll 0 0;
	height: 27px;
	width: 750px;
}


div.splash-window-middle {
	background: transparent url(/images/windows/splash/middle.png) repeat scroll 0 0;
	padding-right: 25px;
	padding-left: 25px;
}

div.splash-window-bottom {
	background: transparent url(/images/windows/splash/bottom.png) no-repeat scroll 0 0;
	height: 27px;
	width: 750px;
}


/* --- Generic Big Window --- */
div.generic-window-top-large {
	background: transparent url(/images/windows/generic/top.png) no-repeat scroll 100% 0;
	height: 20px;
	width: 972px;
	
}


div.generic-window-middle-large {
	background: transparent url(/images/windows/generic/middle.png) repeat scroll 100% 100%;
	padding-right: 8px;
	padding-left: 8px;
}

div.generic-window-bottom-large {
	background: transparent url(/images/windows/generic/bottom.png) no-repeat scroll 100% 100%;
	height: 27px;
	width: 972px;
}


/* -- Horizontally Aligned List --- */

ul.horizontal {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 0px;
	margin: 0px;	
}

ul.horizontal li {
	float: left;
}


/* --- Questions Box --- */
 div.question-container {
			margin-top: 15px;
}

div.question-container div.value {
	margin-bottom: 10px;
}

div.question-container div.options {
	padding-left: 15px;
}

div.question-container div.other {
	margin-top: 10px;
}

div.question-container div.other textarea{
	margin-top: 5px;
	margin-left: 15px;
}


/* SelectBoxAndInput control */
div.Mixamo_SelectBoxAndInput_options {
	border: 1px solid #CCCCCC; 
	background-color: white;
}

div.Mixamo_SelectBoxAndInput_options ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 0px;
	margin: 0px;
}

div.Mixamo_SelectBoxAndInput_options li {
	padding: 5px;
	margin: 0px;
	cursor: pointer;
}

div.Mixamo_SelectBoxAndInput_options li:hover {
	padding: 5px;
	margin: 0px;
	background-color: #CDD4D6;
}

/* Animations */

div.bg-bubble {
	position: absolute;
	z-index: -99;
}

div.bg-bubble-50x50 {
	width: 50px;
	height: 50px;
	background: transparent url( /images/animations/bubbles/50x50.gif) no-repeat 0 0 scroll;	
}

div.bg-bubble-25x25 {
	width: 25px;
	height: 25px;
	background: transparent url( /images/animations/bubbles/25x25.gif) no-repeat 0 0 scroll;
}

div.bg-bubble-100x100 {
min-height: 0;
	width: 100px;
	height: 100px;
	background: transparent url( /images/animations/bubbles/100x100.gif) no-repeat 0 0 scroll;
}

#tooltip {

	position: absolute;

	z-index: 3000;

	border: 2px solid #BEDBE1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #FFFFFF;
	
	padding: 5px;
	opacity: 1.0;
	width: 225px;
}

#tooltip h3, #tooltip div { margin: 0; font-weight: normal; font-size: 12px; color: #6E6E6E;}

span.mixamo_tooltip {
	cursor: pointer;
	text-decoration: underline;
    color: #09779F;
}
span.mixamo_tooltip:hover {
    color: #D8920E;
}

span.original-price {
	text-decoration: line-through;
	font-size: 9px;
}


div#downloadCart {}
	
	div#downloadCart div#cartHead {  
		width: 896px; 
		background-color: #F3F2F2; 
		font-weight: bold; 
		border-left: 1px solid #D7D6D6; 
		border-right: 1px solid #D7D6D6; 
		height: 30px;
		line-height: 30px;
	}
	div#downloadCart div#cartHead div.descr { 
		float: left; 
		width: 350px; 
		padding-left: 10px;
		margin-right: 10px; 
		border-right: 1px solid #D7D6D6;
		height: 30px;
	}
	div#downloadCart div#cartHead div.price { float: left;  }
	div#downloadCart div#cartHead div.next {  border-bottom: 1px solid #D7D6D6; clear: both; }
	
	
	div#downloadCart div.emptycart { 
		width: 876px;
		border: 1px solid #D7D6D6; 
		padding: 10px;
		
	}
	
	div#downloadCart div.item { 
		width: 896px;
		border-bottom: 1px solid #D7D6D6;
		border-right: 1px solid #D7D6D6;
		border-left: 1px solid #D7D6D6; 
		
	}
	
	div#downloadCart div.item div.itemdesc { 
		width: 340px;
		border-right: 1px solid #D7D6D6; 
		padding: 10px;
		float: left;
		height: 170px;
		overflow: hidden;
	}
	div#downloadCart div.item div.thumb { float: left;  margin-right: 10px;}
	div#downloadCart div.item div.descr { float:left;  margin-right: 10px; 		height: 170px; width:240px;}
	div#downloadCart div.item div.price { padding: 10px; float: left; }
	div#downloadCart div.item div.next { clear: both; }
	
	
	
	div.tabbing-panel ul {
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin:0;
			padding: 0;
		}
		
		
		div.tabbing-panel li {
			float: left;
			height: 34px;
			line-height: 34px;
			padding: 0px 10px 0px 10px;
			position: relative;
		}
		
		div.tabbing-panel li.selected {
			padding: 0px 32px 0px 31px;
			background: #ffffff url(/images/windows/explore-nav-right.png) no-repeat scroll top right;
		}
		
		div.tabbing-panel li.first {
			padding-left: 22px;
		}
		
		div.tabbing-panel li div.cat-tab-left , div.tabbing-panel li div.cat-tab-first{
			position: absolute;
			top: 0;
			left: 0;			
			height: 1px;
			width: 1px;
			background: none;
		}
		
		div.tabbing-panel li.selected div.cat-tab-left {
			height: 34px;
			width: 31px;
			background: #ffffff url(/images/windows/explore-nav-left.png) no-repeat scroll top left;
		}
		
		div.tabbing-panel li.selected div.cat-tab-first {
			position: absolute;
			height: 52px;
			width: 22px;
			background: #ffffff url(/images/windows/explore-nav-first.png) no-repeat scroll top left;
			top: 0;
			left: 0;
		}
		
		div.tabbing-panel li div.cat-tab-text {
		}

		/* MINI Motion Section
		 */

div.mini-motion-section {
	position: relative;
	width: 106px; /* 132 */
	/*overflow:hidden;*/
	height: 246px;
	margin: 0px;
}

div.mini-motion-section  div.thumbnail {
	height: 94px;
	width: 76px;
	padding: 2px;
	/*overflow: hidden;*/
	border: #dbdbdb 1px solid;
	background-color: #f8fcfc;
	position: relative;
	top: 39px;
	left: 11px;
	/*padding-bottom: 10px;*/
}

/*div.motion-character-type-human div.thumbnail {
	
}*/

div.mini-motion-section div.thumbnail div.thumbnailMouseoverRegion {
	position: absolute;
	bottom:2px;
	right: 2px;
	width: 20px;
	height: 20px;
	opacity: 0.6;
	filter:alpha(opacity=60);
	background: transparent url(/images/icons/moreicon-bottom-right.png) no-repeat scroll 0 0;
}
div.mini-motion-section  form.button-to , div.mini-motion-section  div.button-to-motion {
	top: 143px;
	left: 11px;
	height: 21px;
	position: absolute;
}

a.thumbnail {
	width: 76px;
	height: 94px;	
}

a.thumbnail img {
	width: 76px;
	height: 94px;
}

div.mini-motion-section  div.price {
	position: absolute;
	font-size: 11px;
	font-weight: bold;
	color: #4E5A5D;
	top: 166px;
	left: 11px;
	height: 18px;
	line-height: 18px;
	color: #6e6e6e;
}

div.priceVariationHack , div.priceVariationDescHack {
    height: 80px !important;
    width: 85px !important;
    line-height: normal !important;
    top:166px !important;
    left: 11px !important;
    cursor: pointer;	
}

div.mini-motion-section  div.desc {
	position: absolute;
	top: 184px;
	left: 11px;
	font-size: 11px;
	color: #6e6e6e;
	height: 62px;
	overflow: hidden;
	width: 85px;
}

div.mini-motion-section  div.name {
	font-size: 11px;
	font-weight: bold;
	color: #09779f;
	position: absolute;
	bottom: 210px;
	left: 11px;
	line-height: 12px;
	
}

/*
div.mini-motion-section  div.thumbnail span.full {
	position: absolute;
	font-size: 8px;
	color: #4E5A5D;
	bottom: 4px;
	left: 5px;
	padding: 3px;
	opacity: 0.5;
	filter:alpha(opacity=50);
	cursor: pointer;
	background-color: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}*/


div.mini-motion-section  div.thumbnail div.full {
	position: absolute;
	font-size: 12px;
	color: #4E5A5D;
	top: -1px;
	left: 80px;
	border:1px solid #DBDBDB;
	padding: 3px;
	width: 219px;
	height: 200px;
	cursor: pointer;
	background-color: white;
	/*-moz-border-radius-bottomright: 15px;
	-moz-border-radius-topright: 15px;*/
	z-index: 9;
}


div.mini-motion-section  div.price strong {
	color: #1fa425;
}
		
		
/* Simple List of Motions with Tab on Top */

div.simpleListOfMotions {
		margin: 10px 0px 0px 7px;
		width: 940px;
		background: transparent url(/images/windows/home-recent-animations.png) no-repeat scroll top left;	
}
		
div.simpleListOfMotions div.div.simpleListOfMotions-header {
		height: 38px;
		line-height: 38px;
		padding-left: 16px;	
}

div.simpleListOfMotions div.simpleListOfMotions-header h2 {
		font-size: 18px;
		padding-left: 20px;
		color: #4f788d;
		line-height: 34px;
		vertical-align: middle;
	}

div.simpleListOfMotions div.div.simpleListOfMotions-content {
		margin: 5px 15px 0px 16px;	
}




/* Get Satisfaction Menu Bar */


/* Mixamo Thumbnail Dialog */

.ui-dialog-MixamoThumbnail .ui-dialog-titlebar {
	display: none;
}
.ui-dialog-MixamoThumbnail .ui-dialog-buttonpane {
	text-align: center !important;
}

.ui-dialog-MixamoThumbnailZoom{
	border: 5px #EBF4F5 solid !important;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	background: #D7E9ED;
	
}
.ui-dialog-MixamoThumbnailZoom .ui-dialog-titlebar {
	display: none;
}
.ui-dialog-MixamoThumbnailZoom .ui-dialog-buttonpane {
	text-align: center !important;
}

.ui-dialog-MixamoThumbnailZoom div.contents {
	font-size: 10px;
	color: #4B7490;
}
.ui-dialog-MixamoThumbnailZoom div.contents img.thumbVariation {
	padding: 3px;
	background: #EBF4F5;
}

.ui-dialog-MixamoThumbnailZoom div.contents ul.motion-styles{
	list-style-type:square;
	padding-left: 20px;
}

div#mixDialogThumbnail {
		
}

div#mixDialogThumbnail div.thumbImagesSelector {
	
}
div#mixDialogThumbnail img.thumbImage {
	margin-left: 5px;
	padding: 2px;
	border: 1px solid #CCCCCC;
}

div#mixDialogThumbnail img.selected {
	border-color: #6F6F6F;
}

div#mixDialogThumbnail div.thumbMotionName {
	font-size:16px;
	font-weight:bold;
	padding-bottom:20px;
	padding-top: 20px;
}
div#mixDialogThumbnail div.thumbMotionDesc {
	padding-bottom: 20px;
}
div#mixDialogThumbnail div.thumbSliders {
	padding-bottom: 20px;
}
div#mixDialogThumbnail div.thumbFrames {
	padding-bottom: 20px;
}


input.submitBtnDisabled {
	cursor: default;
	opacity: 0.6;
	filter:alpha(opacity=60);
}


/*
 * Application Sidebar 
 */
div#application-sidebar
{
		width: 200px;
		position: absolute;
		
		top: 150px;
		z-index: 0;

		
}


div#application-sidebar div.app-sidebar-top {
	background: transparent url(/images/windows/homepage-sidepanel-top.png) no-repeat scroll top right;
	height: 27px;
} 

div#application-sidebar div.app-sidebar-middle {
	background: transparent url(/images/windows/homepage-sidepanel-mid.png) repeat-y scroll top right;	
	min-height: 300px;
	position: relative;
}

div#application-sidebar div.app-sidebar-middle div.contents {
	padding: 0px 0px 0px 10px;	
	width: 160px;
	
}

div#application-sidebar div.app-sidebar-middle div.showHide {
	margin-right: 7px;
	width: 20px;
	height: 250px;
	position: absolute;
	top: 50%;
	margin-top: -125px;
	right:0px;
	cursor: pointer;
	background: transparent url(/images/icons/appsidebar-hide.png) no-repeat scroll 0% 50%;	
}

div#application-sidebar div.app-sidebar-middle div.showHide-Hidden {
	background: transparent url(/images/icons/appsidebar-show.png) no-repeat scroll 0% 50%;	
}

div#application-sidebar div.app-sidebar-middle div.contents div.header {
	color: #4B7490;
	font-weight: bold;
	font-size: 15px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
div#application-sidebar div.app-sidebar-middle div.percentComplete {
	background: transparent url(/images/LinkBar.png) no-repeat scroll 0 0;
	margin: 20px 7px 0px 0px;
	color: white;
	height: 23px;
	font-weight: bold;
	text-align:center;
	padding: 10px;
}

div#application-sidebar div.app-sidebar-middle div.contents div.todo {
	margin-top: 10px;
	font-size: 12px;

	color: #6E6E6E;
	background: #fff url(/images/icons/checkbox.png) no-repeat scroll top left;
	padding-left: 25px;
	padding-top: 4px;
	min-height: 25px;
}

div#application-sidebar div.app-sidebar-middle div.contents div.todo img.todoHelpPopupLink {
	width: 15px;
	height: 15px;
	cursor: pointer;
}

div#application-sidebar div.app-sidebar-middle div.contents div.todoComplete {
	background: #fff url(/images/icons/checkbox-complete.png) no-repeat scroll top left;
}

div#application-sidebar div.app-sidebar-middle div.contents div.todoDisabled {
	color: #6E6E6E;
	font-style: italic;
}




div#application-sidebar div.app-sidebar-bottom {
	background: transparent url(/images/windows/homepage-sidepanel-bottom.png) no-repeat scroll bottom right;
	height: 27px;
}


div.addPromotionCodeDiv {
	width: 200px;
	position: relative;
	padding: 10px;
	border: 1px solid #D7D6D6;
}


div.addPromotionCodeDiv div.header{
	padding-bottom: 5px;
	font-weight: bold;
}

div.addPromotionCodeDiv div.desc{
	padding-bottom: 5px;
}

div.addPromotionCodeDiv div.input {
	padding-bottom: 5px;
}

div.promoCodeError {
	padding-bottom: 5px;
	color: red;
}

.promoCodeLoading {
	position: absolute;
	top: 5px;
	right: 5px;
}


#specialOffersMessaging   {
/*	width: 240px; 
	color: white;
	font-weight: bold;
	background-color: #36CE31;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
	margin-bottom: 5px;*/
	height: 40px;
	margin-bottom: 5px;
	width: 320px;
	padding: 0px;
	text-align: left;
	background:  #ffffff url(/images/subscription_panel.png) no-repeat scroll 100% 0;
}
/*
#specialOffersMessaging .som_left {
	background: transparent url(/images/subscription_panel/left.png) no-repeat scroll 0 0;
	height: 40px;
	float: left;
	width: 7px;
}

#specialOffersMessaging .som_right {
	background: transparent url(/images/subscription_panel/right.png) no-repeat scroll 100% 0;	
	height: 36px;
	float: left;
	width: 291px;
	padding: 2px 22px 2px 0px;
}
*/

#specialOffersMessaging  .som_content {
	color: white;
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	height: 36px;
	text-align: left;
	width: 295px;
	padding: 2px 0px 2px 5px;
	overflow: hidden;
	background:  #ffffff url(/images/subscription_panel.png) no-repeat scroll 0 0;
}

#specialOffersMessaging .som_content_one_line {
	line-height: 32px;
	font-size: 13px;
	padding-left: 10px;
	width: 290px;
}

#specialOffersMessaging a, #specialOffersMessaging a:active , #specialOffersMessaging a:visited , #specialOffersMessaging a:hover {
	color: white;
	text-decoration: none;
}


/* --- Motion Request Form --- */
h2.motionRequestHeader
{ 
	color:#447292;
	font-size:18px;
	font-weight:normal;
	margin-bottom:15px;
}

#motionRequestForm textarea.mrTextArea {
	border:1px solid #CCCCCC;
	height:50px;
	padding:5px;
	width:290px;
}

#motionRequestForm #mrSuccess, #motionRequestForm #mrErrorMessages {
	margin-bottom: 10px;
}

#motionRequestForm .mrLabel {
	margin-bottom: 5px;
	font-weight: bold;
}

#motionRequestForm .mrInput {
	margin-bottom: 20px;
}

#motionRequestForm #mrSuccess {
	color: green;
}

#motionRequestForm #mrErrorMessages {
	color: red;
}

.unityInstallDialog .ui-dialog-titlebar {
	display:none;
}

.unityInstallDialog .ui-dialog-content {
	padding: 10px;
}

.unityInstallDialog {
	border: none;
	overflow: visible !important;
}

.unityInstallStep h3 {
	font-size: 15px;
	font-weight: bold;
}

#unityDetectionProgess{
	padding: 20px 0px 20px 0px;
}


.slidePanel {
	width: 660px;
	height: 670px;
	background: transparent url(http://content.mixamo.com/slides-no-white.png) no-repeat scroll 0 0;
	position: relative;
}

.slidePanel .slidePanelSidebar {
	position: absolute;
	width: 152px;
	height: 660px;
	padding: 10px 0px 0px 10px;
	top: 0px;
	left: 0px;
	background-attachment: scroll;
	background-image: url(http://content.mixamo.com/slides-white-sections-many.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.slidePanel .slidePanelSidebar0-active {
	background-position: 0px 0px;
}
.slidePanel .slidePanelSidebar1-active {
	background-position: -172px 0px;
}
.slidePanel .slidePanelSidebar2-active {
	background-position: -344px 0px;
}
.slidePanel .slidePanelSidebar3-active {
	background-position: -516px 0px;
}
.slidePanel .slidePanelSidebar4-active {
	background-position: -688px 0px;
}

.slidePanel .slidePanelSidebar0-active .slidePanelSidebar0{
	color: #5e88a2;
}
.slidePanel .slidePanelSidebar1-active .slidePanelSidebar1{
	color: #5e88a2;
}
.slidePanel .slidePanelSidebar2-active .slidePanelSidebar2{
	color: #5e88a2;
}
.slidePanel .slidePanelSidebar3-active .slidePanelSidebar3{
	color: #5e88a2;
}
.slidePanel .slidePanelSidebar4-active .slidePanelSidebar4{
	color: #5e88a2;
}


.slidePanel .slidePanelSidebarPart {
	cursor: pointer;
	height: 130px;
	width: 124px;
	vertical-align: middle;
	padding: 0px 28px 0px 0px;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: white;
}
.slidePanel .slidePanelSidebarPart p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 124px;
	height: 130px;
	padding: 0px;
	margin: 0px;
}

.slidePanel .slidePanelContent {
	position: absolute;
	top: 10px;
	left: 162px;
	width: 488px;
	height: 650px;
	color: white;
}


#homepagePartnersPanel {
	width: 253px;
	height: 230px;
	padding: 5px;
	overflow: hidden;
	background: transparent url(/images/windows/homepage-partners.png) no-repeat scroll 0 0;
}

#homepageFeaturedPanel {
	width: 253px;
	height: 400px;
	padding: 5px;
	overflow: hidden;
	background: transparent url(/images/windows/homepage-featured.png) no-repeat scroll 0 0;
}

#homepageFeaturedPanel div.listOfMotions div.content {
	margin: 0px 0px 0 32px;
	width: 184px;
}

#homepageFeaturedPanel div.listOfMotions div.header {
	text-align: center;
	padding-left: 0px;
}
#homepageFeaturedPanel div.listOfMotions div.motion {
	background: none;
	padding-left: 5px;
	padding-right: 5px;
	height: 172px;
	overflow: hidden;
}

#bottomDownloadWidget {
	bottom:0;
	position:fixed;
	right:20px;
	width:600px;
	z-index:600;
}

#bottomDownloadHeader {
	/*-moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;*/
	background: url("/images/evening/clips-bar.png") repeat-x scroll 0 0 transparent;
    cursor: pointer;
	
    padding-left:20px;
    float: right;
    
	text-align:left;
    color:white;
	font-weight: bold;
    
	line-height:20px;
    height:20px;
    width:150px;
	   border-top:1px solid #D7D6D6;
    border-left:1px solid #D7D6D6;
    border-right:1px solid #D7D6D6;
}

#bottomDownloadWidget #totalNumDownloadsContainer {
	font-weight: normal;
}

#bottomDownloadWidget .tndcNew {
	font-weight: bold !important;
}

#bottomDownloadWidget #totalNumOfNewDownloads {
	display: none;
}

#bottomDownloadWidget .tndcNew #totalNumOfNewDownloads {
	display: inline;
}

#bottomDownloaderSpecialAlert {
	position:absolute; top: 50px; left: -215px; 
	background: transparent url(/images/windows/triangle-pointer-right.png) no-repeat scroll 170px 25px; 
	width: 200px; height: 200px;
}

#bottomDownloaderSAContent {
	background-color: #FFFFFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	width: 150px;
	padding: 10px;
}

#bottomDownloadContent {
	background-color: white;
	color: black;
	clear: right;
	padding: 5px;
	border-top:1px solid #D7D6D6;
    border-left:1px solid #D7D6D6;
    border-right:1px solid #D7D6D6;
}

#bottomDownloadContent #miniPurchasedClips {
	overflow-y: scroll;
	overflow-x: hidden;
	border: 1px solid #D7D6D6;
}


div#miniPurchasedClips div.item { 
    border-bottom: 1px solid #D7D6D6;
	cursor: pointer;
	height: 104px;
    overflow: hidden;
}

div#miniPurchasedClips div.item-odd { 
    background-color: #fcfcfc;
}

div#miniPurchasedClips div.item-even { 
    background-color: #f8f8f8;
}


div#miniPurchasedClips div.item-new span.notYetDownloaded{ 
    font-style: italic;
}

div#miniPurchasedClips div.item-old span.notYetDownloaded{ 
    display: none;
}



div#miniPurchasedClips div.item:hover { 
    background-color: #fff4cf;
    cursor: pointer;
}

div#miniPurchasedClips div.item-selected , div#miniPurchasedClips div.item-selected:hover{ 
     background-color: #B4C9D5;
}


div#miniPurchasedClips div.item div.thumb { position: absolute; top:5px; left: 5px; }
div#miniPurchasedClips div.item div.descr { position: absolute; top:5px; left: 91px; overflow: hidden; height: 94px; width:300px; }
div#miniPurchasedClips div.item div.price { position: absolute; top: 5px; left: 400px; line-height: 22px; height: 94px; width: 140px; }


div#miniPurchasedClips div.item table.item-table {  table-layout: fixed; width: 560px; margin-top: 5px; margin-left: 5px;}
div#miniPurchasedClips div.item td.thumb { width: 76px; height: 94px; vertical-align: top; }
div#miniPurchasedClips div.item td.descr { overflow: hidden; height: 94px; width:334px; vertical-align: top; padding-left: 5px;}
div#miniPurchasedClips div.item td.price { line-height: 22px; height: 94px; width: 140px;vertical-align: top; padding-left: 5px; }


div#miniPurchasedClips div.item div.next {  }


#bottomDownloadContent #miniPurchasedClips .purchasedClipsMore {
	height:24px;
	line-height:24px;
	padding: 4px 4px 4px 32px;
	vertical-align:middle;
}

#bottomDownloadContent #miniPurchasedClips .purchasedClipsMore:hover { 
    background-color: #fff4cf;
    cursor: pointer;
}

#bottomDownloadContent #miniPurchasedClips .purchasedClipsMore img {
    vertical-align:middle;
	text-align: left;
	margin-left: -24px;
	width: 24px;
	height: 24px;
}

#bottomDownloadContent #miniDownloadOptions {
    padding: 5px;
    border:1px solid #D7D6D6;
    margin-top: 10px;
}


#motionPurchaserDialog #motionPurchaserOptionsStep {
	padding: 10px;
}

#motionPurchaserDialog tr.extra_option_tr {
	font-style: italic;
}

#motionPurchaserDialog tr.extra_option_tr .eo_info {
    padding-left: 15px;
}

#motionPurchaserDialog tr.extra_option_tr .prce {
    color: #ccc;
    font-style: italic;
}

#motionPurchaserDialog tr.extra_option_tr_selected .prce {
    color: black;
	font-style: normal;
}

#motionPurchaserDialog table td.prce {
    text-align: right;
	 /*  white-space: nowrap;*/
}

#motionPurchaserDialog tr.pricing_final_total  {
    font-weight: bold;
}

#motionPurchaserDialog tr.pricing_final_total td.prce {
    font-weight: bold;
}


#motionPurchaserDialog #payOptionsTabs {
	background: transparent url("/images/windows/explore-nav-600.png") no-repeat scroll 0 0;
	width: 600px;
}

#motionPurchaserDialog .loadingContainer {
	padding: 10px;
}

#motionPurchaserDialog {
	position: relative;
}


#motionPurchaserDialog #motionPurchaserReviewStep {
    padding: 10px;
}
#motionPurchaserDialog #motionPurchaserReviewStep #userClipInfo {
	padding-bottom: 20px;
}

#motionPurchaserDialog #motionPurchaserReviewStep #userClipInfo .thumb {
	width: 90px;
}

#motionPurchaserDialog #motionPurchaserReviewStep #userClipInfo .descr {
	width: 500px;
}

#motionPurchaserDialog #motionPurchaserReviewStep #userClipInfo .descr .price {
   font-weight: bold; 
   text-align: right;
   padding-bottom: 10px;
}

#motionPurchaserDialog #motionPurchaserReviewStep #userClipInfo .descr .details {
    padding-bottom: 10px;
}

#motionPurchaserDialog #motionPurchaserReviewStep #userClipInfo .descr .extraOptions {
    padding-bottom: 10px;
}

#motionPurchaserDialog .miniLoadingContainer {
    position:absolute;	
    width: 16px;
    height: 16px;
    top: 10px;
	right: 10px;
}

.motionPurchasertooltip {
    width: 300px !important;
}

.eo_tooltip_hover {
	text-decoration: underline;
	cursor: pointer;
    color: #09779F;
}
.eo_tooltip_hover:hover {
    color: #D8920E;
}


div.paymentErrorRegion {
	color: red;
}

/*
    Character Type Selector
*/

.characterTyoeDialog .ui-dialog-titlebar {
    background: transparent;
	border: none;

    padding: 0;
    
    height: 0px;
}

.characterTyoeDialog .ui-dialog-content {
	padding: 10px;
}

.characterTyoeDialog {
	border: none;
	overflow: visible !important;
}

#character_type_popup {
    color: #a9a9a9;
}

#character_type_popup p.title {
    font-size: 1.2em;

    margin-top:5px;
}

#character_type_popup p.price {
    font-size: .75em;
}

#character_type_popup .type {
    width: 250px;

    margin-top: 10px;

    float: left;
}

#character_type_popup .type .icon {
    float: left;

    margin-top: 7px;
    margin-right: 5px;
    margin-bottom: 20px;
}

#character_type_popup .type .icon input {
    position: relative;
    top: -7px;
}

#character_type_popup .type .expand_container {
    margin-top: 15px;
    margin-left: 54px;

    font-size: .85em;
    
    clear: both;
}

#character_type_popup .clickable {
    cursor: pointer;
    text-decoration: underline;
}

#character_type_popup .expanded {
    display: none;
}

#character_type_popup ul {
    clear: left;
}

.ready_false {
    color: #d3d3d3 !important;
}


#characterNotificationContainer {
}

/* Character Notifier menu */
#characterNotificationContainer .cn_menubar {
	position: relative;
	overflow:visible;
	line-height: 20px;
	width: 260px;
	padding-right: 25px;
}

#characterNotificationContainer .cn_menutext {
    line-height: 20px;
	font-size: 12px;
	
}

#characterNotificationContainer .cn_menubar .mixamo_menubar_selector {
    display:block;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 5px;
    cursor: pointer;
    width: 17px; 
    height: 17px;
    background-image: url(/images/windows/menunav/down-arrow-off-grey.png);
    background-attachment: scroll;
    background-position: 4px 6px;
    background-repeat: no-repeat;
    background-color: transparent;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    
}

#characterNotificationContainer .cn_menubar .mixamo_menubar_selector:hover {
    background-image: url(/images/windows/menunav/down-arrow-on.png);
}

#characterNotificationContainer .cn_menubar .mixamo_menubar_menu {
	left:260px;
	position:absolute;
	top:20px;
	border: 2px solid #BEDBE1;
	   background-color: white;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#characterNotificationContainer .cn_menubar .mixamo_menubar_menu ul
{
    padding: 0px;
    margin: 0px;
    line-height: 15px;
}

#characterNotificationContainer .cn_menubar .mixamo_menubar_menu ul li
{

	
    list-style: none;
    line-height: 17px;
    text-align: left;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
    float:none;
    vertical-align: middle;
}

#characterNotificationContainer .cn_menubar .mixamo_menubar_menu ul li a {
    width: 164px;
    margin: 0px;
    padding: 4px 10px 4px 10px;
    display:block;
	text-decoration: none;
    
}

#characterNotificationContainer .cn_menubar .mixamo_menubar_menu ul li a:hover {
    color: #D8920E;
}

#characterNotificationContainer .cn_menubar .mixamo_menubar_menu ul li.first
{
    /*background: transparent url(/images/windows/menunav/top-item.png) no-repeat scroll top left;
    width: 124px;*/
    padding: 0px 5px 0px 5px;
}

#characterNotificationContainer .cn_menubar .mixamo_menubar_menu ul li.middle
{
   /* background: transparent url(/images/windows/menunav/middle-item.png) no-repeat scroll top left; 
    width: 124px;*/
    padding: 0px 5px 0px 5px;
	border-top: 2px solid #BEDBE1;
}

#characterNotificationContainer .cn_menubar .mixamo_menubar_menu ul li.last
{
    /*background: transparent url(/images/windows/menunav/bottom-item.png) no-repeat scroll top left;
    height: 25px;
	width: 134px;*/
    padding: 0px;
}

.userUploadSkeletonOnlyPopup {
    border: 2px solid #BEDBE1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #FFFFFF;

    overflow: visible !important;
}

.userUploadSkeletonOnlyPopup .ui-dialog-titlebar {
    background: transparent;
    border: none;

    padding: 0;
}

.userUploadSkeletonOnlyPopup .ui-dialog-title {
    display: none;    
}

.userUploadSkeletonOnlyPopup #meshUploadSkeletonDialog {
    min-height: 0 !important ;
    padding: 10px 11px 0 10px;
}

.cms_comment_container {
	display:none;
}
