﻿html {
/*    
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll; 
*/
}

#outerbox {
	background-image: url('../images/na.png');
	background-repeat: no-repeat;
	background-position: 0px 10px;
}
#outerboxas {
	background-image: url('../images/as.png');
	background-repeat: no-repeat;
	background-position: 0px 10px;
    width: 960px;
    margin: 0 auto;
    background-color: transparent;
}
#outerboxemea {
	background-image: url('../images/emea.png');
	background-repeat: no-repeat;
	background-position: 0px 10px;
    width: 960px;
    margin: 0 auto;
    background-color: transparent;
}
#outerboxla {
	background-image: url('../images/la.png');
	background-repeat: no-repeat;
	background-position: 0px 10px;
    width: 960px;
    margin: 0 auto;
    background-color: transparent;
}



.new           { 
    list-style-image: 
               url('../mages/dot2red.png') }
.enhanced           { 
    list-style-image: 
               url('../images/dot2bw.png') }
/* Not sure why this is here - Bob
#page_content { margin-bottom: 5em; }
*/
.cdkey-field { width: 3em; border:1px solid #bbb; text-align:center; text-transform:uppercase}
.cdkey-prefix { background-color:white; color: black; border:1px solid #bbb; }


/*
##############################################################################
##  Big Bad Button
##############################################################################
*/

.biglink {
	z-index: 500;
	position: fixed;
	top: 0px;
	left: 650px;
	height: 40px;
	padding: 0px 5px 5px 5px;
	background: #fff;
	background: transparent;
	width: 300px;
	font-size: 1.5em;
	font-family: "Gill Sans","Gill Sans MT","Arial","sans-serif";
	line-height: 1.33;
	color: #000;
	color: #292827;
	border-top: 0px solid #000;
	text-align: right;
	text-shadow: none;
}

.btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #d01010;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d01010;
	-khtml-box-shadow:inset 0px 1px 0px 0px #d01010;
	box-shadow:inset 0px 1px 0px 0px #d01010;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d01010), color-stop(1, #990000) );
	background:-moz-linear-gradient( center top, #d01010 5%, #990000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d01010', endColorstr='#990000');
	
	background: -webkit-linear-gradient( center top, #d01010 5%, #990000 100% );
	background: -o-linear-gradient( top, #d01010 5%, #990000 100% );
	background: -khtml-linear-gradient( center top, #d01010 5%, #990000 100% );
	background: -ms-linear-gradient( center top, #d01010 5%, #990000 100% );
	background: linear-gradient( center top, #d01010 5%, #990000 100% );
	background-color:#d01010;
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
	border:1px solid #d02718;
	/* display:inline-block;  <-- that messes up corner radii in IE9! */
	color:#ffffff;
	font-family:"Gill Sans","Gill Sans MT","Arial","sans-serif";
	font-size:15px;
	font-weight:normal;
	padding:6px 14px;
	text-decoration:none;
	text-shadow:1px 1px 0px #810e05;
}.btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #990000), color-stop(1, #d01010) );
	background:-moz-linear-gradient( center top, #990000 5%, #d01010 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#990000', endColorstr='#d01010');
	
	background: -o-linear-gradient( top, #990000 5%, #d01010 100% );
	background: -khtml-linear-gradient( center top, #990000 5%, #d01010 100% );
	background: -ms-linear-gradient( center top, #990000 5%, #d01010 100% );
	background: linear-gradient( center top, #990000 5%, #d01010 100% );

	background-color:#990000;
	color:#ffffff;
	text-decoration:none;
}.btn:active {
	position:relative;
	top:1px;
}

.btn-a {
    -moz-box-shadow:inset 0px 1px 0px 0px #D69917;
    -webkit-box-shadow:inset 0px 1px 0px 0px #D69917;
    -khtml-box-shadow:inset 0px 1px 0px 0px #D69917;
    box-shadow:inset 0px 1px 0px 0px #D69917;

    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFD53D), color-stop(1, #FFC43A) );
    background:-moz-linear-gradient( center top, #FFD53D 5%, #FFC43A 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD53D', endColorstr='#FFC43A');

    background: -o-linear-gradient( top, #FFD53D 5%, #FFC43A 100% );
    background: -khtml-linear-gradient( center top, #FFD53D 5%, #FFC43A 100% );
    background: -ms-linear-gradient( center top, #FFD53D 5%, #FFC43A 100% );
    background: linear-gradient( center top, #FFD53D 5%, #FFC43A 100% );

    border: 1px solid #455CFF ;

    background-color:#FFD53D;
    color: black;
    text-shadow:1px 1px 0px #D69917;
}
.btn-a:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFC43A), color-stop(1, #FFD53D) );
    background:-moz-linear-gradient( center top, #FFC43A 5%, #FFD53D 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC43A', endColorstr='#FFD53D');

    background: -webkit-linear-gradient( center top, #FFC43A 5%, #FFD53D 100% ) ;
    background: -o-linear-gradient( top, #FFC43A 5%, #FFD53D 100% ) ;
    background: -khtml-linear-gradient( center top, #FFC43A 5%, #FFD53D 100% ) ;
    background: -ms-linear-gradient( center top, #FFC43A 5%, #FFD53D 100% ) ;
    background: linear-gradient( center top, #FFC43A 5%, #FFD53D 100% ) ;
    background-color:#FFC43A ;

    color: black;
    text-shadow:1px 1px 0px #D69917;
    text-decoration:none;

    cursor: hand;
}

.biglink .btn {
    border-top-left-radius: 0;
    -moz-border-top-left-radius:0px;
    -webkit-border-top-left-radius:0px;
    -o-border-top-left-radius:0px;
    -khtml-border-top-left-radius:0px;
    -ms-border-top-left-radius:0px;

    border-top-right-radius: 0;
    -moz-border-top-right-radius:0px;
    -webkit-border-top-right-radius:0px;
    -o-border-top-right-radius:0px;
    -khtml-border-top-right-radius:0px;
    -ms-border-top-right-radius:0px;
}

/*
##############################################################################
##  Store Pages
##############################################################################
*/
.store {
    float: left;
}
.store .store_item {
    float: left;
    clear: both;
    border-bottom: 1px solid #ddd;
    padding: 0.6em;
    width: 100%;
}

.cart-summary {
    position: fixed;
    top: -5px;
    right: 30px;
    height: 50px;
    background-color: white;
    z-index: 1000;
    border: 2px solid #ddd;
    background-color: #FFECAA;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.cart-summary .cart-title {
    padding-right: 10px;
    margin-top: 20px;
    vertical-align: bottom;
    float:left;
    font-weight: bold;

}

.cart-summary-icon {
    background-image: url('http://www.rhino3d.com/en/images/cart-medium.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    width: 60px;
    height: 45px;
    text-align: center;
    padding-top: 10px;
    font-size: 15px;
    font-weight: bold;
    float: left;
}

.store img {
    height: 100px;
    width: 100px;
}
.store .price_block {
    float: right;
    margin: 1em;
}
.store .price {
    font-size: 180%;
    font-weight: bold;
}
.store_item h1 {
    margin-left: 120px;
}
.store_item p {
    margin-left: 120px;
}

.store .price_block
{
    text-align: right;
}

.store .price_block .list_price {
    font-size: 75%;
    font-weight: bold;
    color: #666666;
    text-decoration: line-through;
}

.store .price_block .discount {
    margin-top: 0.2em;
    font-style: italic;
}

.store .price_block .btn {
    margin-top: 0.5em;
    background-image: url('http://www.rhino3d.com/en/images/cart.png');
    background-repeat: no-repeat;
    background-position: 7px 50%;
    padding-left: 35px;
}

/*
##############################################################################
##  Gallery Pages
##############################################################################
*/
#gallery-list { float:left; width: 180px; }
#gallery-body { float:left; width: 600px; }

#gallery-list ul { margin-top: 40px; list-style-type: none; list-style-image: none;}
#gallery-list ul li { margin-bottom: 3px; }

.gallery-thumbnail { width: 100px; height: 130px; float: left; margin: 10px; text-align:center; line-height: 1.2em; font-size:80%;}
.gallery-thumbnail-image { border-radius: 8px; margin-bottom: 5px; box-shadow: 2px 2px 7px #555;}
.gallery-navigation { clear:left; margin: 1em; }
.gallery-navigation-next, .gallery-navigation-back { font-size: 120%; background-color:#ddd; border:1px solid #bbb; border-radius: 4px; padding: 4px 10px; margin: 1em 0pt; clear:all;}
.gallery-navigation-next { float: right;}
.gallery-navigation-back { float: left; }
.gallery-image-fullsize { clear: left; border-radius:10px; box-shadow: 2px 2px 7px #555;margin-right:10px; margin-bottom:15px;}

.gallery-image-software-credit
{ margin-top: 15px; margin-bottom: 15px; clear:left;}
.gallery-image-description
{ margin-top: 15px; margin-bottom: 15px; clear:left;}

.gallery-image-title { font-weight: bold; font-size: 120%;}

/*
##############################################################################
##  Resources
##############################################################################
*/

.reviews .review-section-heading {
    margin: 10px 0 10px 0;
    font-weight: bold;
    font-size: 120%;
    border-top:2px solid black;
    background-color: #eeeeee;
    clear:both;
}

.resource-detail img {
    float: right;
    margin: .5em;
}

.resources-add-link {
    text-align: right;
    margin: 2em 0px;
}

.review-heading .title {
    font-weight:bold;
}

.resource-section h2 {
    margin: 0;
    padding: 0;
    font-size: 110%;
}

.resource-section div {
    margin: 0;
    padding: 4px;
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}
.resource-section div:last-child {
    border-bottom: 1px solid #eeeeee;
}
.resource-section .even {
    background-color: #f5f5f5;
}

.resource-section .stars,
.reviews .stars
{
    float:right;
    width: 68px;
    height: 16px;
    background-image: url('http://www.rhino3d.com/en/images/stars_16.png');
    background-repeat: no-repeat;
    background-position: 0px 20px;
    margin-right: 6px;
}

.resource-section .rating-1,
.reviews .rating-1
{
    background-position: 0px -16px;
}
.resource-section .rating-2,
.reviews .rating-2
{
    background-position: 0px -32px;
}
.resource-section .rating-3,
.reviews .rating-3
{
    background-position: 0px -48px;
}
.resource-section .rating-4,
.reviews .rating-4
{
    background-position: 0px -64px;
}
.resource-section .rating-5,
.reviews .rating-5
{
    background-position: 0px -80px;
}
.resource-section .rating-6,
.reviews .rating-6
{
    background-position: 0px -96px;
}
.resource-section .rating-7,
.reviews .rating-7
{
    background-position: 0px -112px;
}
.resource-section .rating-8,
.reviews .rating-8
{
    background-position: 0px -128px;
}
.resource-section .rating-9,
.reviews .rating-9
{
    background-position: 0px -144px;
}
.resource-section .rating-10,
.reviews .rating-10
{
    background-position: 0px -160px;
}

.review {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #bbb;
}
.review:last-child {
    border-bottom: 1px solid #bbb;
}

.review .stars {

}

/*
##############################################################################
##  Download Pages
##############################################################################
*/
#download-or-spacer { margin: 1.5em; font-style:italic; }
#download-file-options-list { display: none; }
.download-platform-group { display:inline-block; margin: 1em; text-align:left; }
.download-platform-group a { margin-left: 2em; }

/*
##############################################################################
##  Forms
##############################################################################
*/
form.mobile { padding: 15px; width: 380px; margin: 5px; margin-left:auto; margin-right:auto;}
form.mobile h3 { margin: 0; margin-bottom: 10px; }
form.mobile legend { font-family: arial; font-weight: bold; margin: 0;}
form.mobile fieldset { border:0; margin: 0; margin-top: 0.5em; padding: 0; width: 29em;}
/* form.mobile label{ float:left; clear:left; width: 10em; font-size: 80%; vertical-align:middle; margin-top:3px;margin-left: 5px;}
forn-size 80% removed  */

form.mobile label{ float:left; clear:left; width: 10em; font-size: 11px; vertical-align:middle; margin-top:3px;margin-left: 5px;}
form.mobile label.full-width { width: 29em ;}

form.mobile .field-row,
form.mobile .field-error
{
    float:left; clear:left; width: 375px; border: 1px solid #ddd; margin-top:-1px; padding: 2px; vertical-align:bottom; background-color: #ffffff;
}
form.mobile .field-error {
    color: #d00; background-color: #ffc; float:left; border-bottom: 0; font-style:italic;
}
form.mobile .field-error label { width: 100%; }
form.mobile .field-error + .field-row {
    background-color: #ffc; color: #d00; border-top: 0;
}

form.mobile .field-row > input[type=text], input[type=email], input[type=tel] { float:left; height: 1.8em; padding-left:2px; border: 0px; width: 20em; background-color: #ffffff;}
form.mobile .field-row > input[type=checkbox] { margin-left: 1em; }
form.mobile .field-row > select { float:left; height: 1.8em; padding-left:2px; margin-right: 0px; border: 0px; width: 21em; background-color: #ffffff;}
form.mobile .field-row > input::-webkit-input-placeholder { font-style:italic; color:#999; }
form.mobile .field-row > input::-moz-placeholder { font-style:italic; color:#999; }
form.mobile .field-row > #key { text-transform:uppercase; font-family: "courier new"}
form.mobile .field-row:last-child { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
form.mobile .field-row:first-child { border-top-left-radius: 10px; border-top-right-radius: 10px;}
/* form.mobile .field-row > label { font-weight: bold; } remove bold */
form.mobile .field-row > label { font-weight: normal; }
form.mobile .form-navigation-buttons { text-align: right; padding: 10px 10px 0 10px; margin-top:10px;}
form.mobile .cdkey { font-family: "Courier New"; text-transform: uppercase; }
form.mobile .checkfield { width: 30em; }
form.mobile .more-link { margin: 1em; font-style: italic;}

form.mobile .nav-buttons {margin-top: 10px; text-align: right;}

form.mobile ol { list-style: decimal; }
form.mobile ol li { margin-left: 40px; }
form.mobile .validation_code { border: 1px solid #ddd; background-color: #fffacd; margin:10px 0; font-family: 'courier new'; font-weight:bold;  padding: 4px; }
form.mobile h3 { color: black; margin-top: 10px; }
form.mobile h3:first-child { margin-top: 0; }


/*
##############################################################################
##  Training
##############################################################################
*/
div.class_list .class { display: inline-block; }
div.class_list .class div { display: inline-block; font-size: 80% }
div.class_list .class .location { width: 30em; }
div.class_list .class .date { width: 20em; }
div.class_list .class .price { width: 10em; text-align:right;}
div.class_list .indent_level {margin-left: 20px;}
div.class_list .even { background-color: #eeeeee; border:1px solid #eeeeee; padding:0 5px; }
div.class_list .odd { background-color: #ffffff; border:1px solid #eeeeee; padding:0 5px; }
div.class_list h4 { border-top: 1px solid #999; }
div.class_list .country { text-transform: capitalize }

div.class_list_2 .class { display: block; }
div.class_list_2 .class div { display: block; font-size: 80% }
div.class_list_2 .class .location { display: block; width: 100%; float: left; }
div.class_list_2 .class .date { float:left; }
div.class_list_2 .class .price { float: right; text-align:right; font-weight: bold;}
div.class_list_2 .indent_level {margin-left: 20px;}
div.class_list_2 .even { background-color: #f0f0f0; border:1px solid #eeeeee; padding:0 5px; }
div.class_list_2 .odd { background-color: #ffffff; border:1px solid #eeeeee; padding:0 5px; }
div.class_list_2 h4 { border-top: 1px solid #999; }
div.class_list_2 .country { text-transform: capitalize }
div.class_list_2 .class .location img {float: right; margin: 2px 4px;}


/*
##############################################################################
##  File Upload
##############################################################################
*/
.upload li {margin-top: 1em; }
.upload input, .upload textarea { width: 300px; }
.upload input[type=submit] { width:inherit; }


/*
##############################################################################
##  Tabs
##############################################################################
*/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #f5f5f5;
    color: #999;
}

/* removed by Bob
.ui-state-active {
    background-color: red;
}
*/
.ui-tabs-vertical {
    width: 65em;
}
.ui-tabs-vertical .ui-tabs-nav {
    padding: .2em .1em .2em .2em;
    float: left;
    width: 16em;
}
.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    border-bottom-width: 1px !important;
    border-right-width: 0 !important;
    margin: 0 -1px .2em 0;
}
.ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {
    padding-right: .1em;
    margin-bottom: 2px;
    border-right-width: 1px;
    border-right-width: 1px;
    background-color:#dddddd;
}
.ui-tabs-vertical .ui-tabs-panel {
    padding: 0;
    float: left;
    width: 45em;
}

.ui-tabs-panel {
    padding: 0;
}

.tabheader {
    font-size: 18px;
    text-decoration: underline;
    color: black;
}


#heading {
    background-image: url('/en/images/heading_gradient.png');
    vertical-align: bottom;
    height: 130px;
    position: relative;
    background-position: center bottom;
    background-repeat: no-repeat;
    margin-bottom:10px;
}

#heading #cse-search-box {
    padding:0;
    margin: 0;
    position: absolute;
    right: 0;
    bottom:16px;
    z-index: 100;
}

#heading #cse-search-box .searchBox {
    width: 0;
}

#navigation-new {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
    background-color: transparent;
    overflow: hidden;
    display:inline-block;
    position:absolute;
    right: 10px;
    bottom: 18px;
    padding-right: 10px;
}
/* Styles for Navigation */
#navigation-new ul {
    list-style-type: none;
    list-style-image: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
#navigation-new li {
    float: right;
    width: auto;
}
#navigation-new a {
    color: #4e4e4e;
    text-decoration: none;
    display: block;
    padding: 0px;
    padding-right: 15px;
}
#navigation-new a:hover {
    color: red;
    text-decoration: underline;
}
#navigation-new form {
    color: #4e4e4e;
    text-decoration: none;
    display: block;
    padding: 0px;
    padding-top: 17px;
    padding-left: 15px;
}

#masthead-new {
    width: auto;
    margin: 0;
    padding: 0;
    overflow: auto;
    text-align: left;
    background-color: transparent;
    position:absolute;
    bottom: 18px;
    left: 70px;
    bottom: 60px;
    left: 45px;
}
#masthead-new p {
    font-size: 13px;
    color: #6e6e6e;
    margin: 0;
    padding: 0;
}
#masthead-new h1 {
    font-size: 30px;
    text-align: left;
    color: #6e6e6e;
    margin: 10px 10px 10px 0;
}
#masthead-new a {
    color: #6e6e6e;
}
#masthead-new a:hover {
    color: #801010;
    text-decoration: none;
}

/*
##############################################################################
##  Change Log
##############################################################################
*/

table.changelog td.section { padding-left: 0; padding-top: 10px; border-bottom: 1px solid #ddd }
table.changelog td { white-space: nowrap; padding:3px; }
table.changelog td.space { width: 20px; background-color:white;}


/*
##############################################################################
##  Intranet
##############################################################################
*/
.authentication { float: right; position: absolute; top: 10px; right: 10px; }
