html,body {
    height:100%;
}
body{ font:normal 12px Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color: #333333;text-decoration: none;}

#MainWrapper{background: url(/products/maplesim/ModelGallery/Assets/Images/main_bk.jpg) no-repeat;padding: 15px 0 45px 0;width:1024px;position: relative}
#GalleryWrapper{margin:0;padding:0;width:1024px;float:left;clear:left;background:rgba(255,255,255,0.3);}
#GalleryWrapper2{padding:0; margin:0 25px 0 25px; width:670px; float:left;}
#AsideWrapper{float:left;width:245px;}
#FooterWrapper{padding:0 0 0 20px;clear:both;}
#CategoryWrapper{height:100px;width:660px;}
#CategoryWrapper ul{list-style-type:none;margin:0;padding:0;}
#CategoryWrapper li{display:inline;float:left;margin:0 9px 0 9px;}
#CategoryWrapper li div{width:76px;height:76px;}
#CategoryWrapper li p{width:100%;margin:0 auto; text-align:center; font-weight:bold;}
#GalleryWrapper h2 {position: relative; font-size: 24px; font-family: Tahoma, Helvetica, Arial, Sans-Serif; letter-spacing: -1px; color: #069; font-weight: bold; margin: 0;padding: 0;	}

/*SubCategory and Demo*/
.SubCategoryTitle{background: url(/products/maplesim/ModelGallery/Assets/Images/cat_bk.jpg) no-repeat top left; height:35px; width:100%; margin:10px 0 0 0; float:left;}
.SubCategoryTitle div{color:White; font-weight:bold; margin:0 0 0 15px; padding:9px 0 0 0;}
#SubCategoryWrapper {margin: 20px 0 0 0;}
#SubCategoryWrapper ul {list-style-type:none;width:660px;height:118px;margin:15px 0 15px 15px;}
#SubCategoryWrapper li{display:inline;float:left; width:323px;height:118px;}
#SubCategoryWrapper table{width:100%;}
#SubCategoryWrapper tr{margin: 0 0 5px 0;}
#SubCategoryWrapper td{width:220px;}
.DemoListRow{width:100%;float:left;}
.DemoList{margin-top:10px;width:33%;float:left;}
.DemoImage{width:145px;position:relative;margin:0 auto;}
.DemoImage img
{
    height:113px;width:145px;
    border:solid 1px lightgray;
    /*--CSS3 Box Shadows--*/
    -webkit-box-shadow: 0px 0px 10px #B1B1B1;
    -moz-box-shadow: 0px 0px 10px #B1B1B1;
    box-shadow: 0px 0px 10px #B1B1B1;
    /*--CSS3 Rounded Corners--*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;  
}
.DemoDetail{width:162px;padding:0 0 0 5px;margin:0 auto;text-align:center;}
.DemoTitle{font-weight:bold;height:45px;}
.DemoModelLink{width:162px;height:28px;position:absolute;top:50%;left:25px;display:none;}
.DemoEduHat
{
    width:35px;
    height:35px;
    position: absolute; 
    right: -2px; 
    bottom: 3px;  
    background:#EEEEEE;
    /*--CSS3 Box Shadows--*/
    -webkit-box-shadow: 0px 0px 10px #B1B1B1;
    -moz-box-shadow: 0px 0px 10px #B1B1B1;
    box-shadow: 0px 0px 10px #B1B1B1;
    /*--CSS3 Rounded Corners--*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;  
    border:solid 1px lightgray;
 }

.DemoEduHat img {height:32px;width:32px;}
.underlineLink {text-decoration: underline !important;}

#FooterWrapper{width:950px;position:relative;}
#FooterWrapper .FooterColumn,.FooterColumnRight{float:left;height:225px; width:227px;-webkit-border-horizontal-spacing: 0px;}

.ColumnHeader{width:220px; background-color:#E4E7E9;height:25px; margin:0 8px 0 0; }
.ColumnHeader div{color:#069; font-weight:bold;padding:5px 0 0 5px;}

.FooterColumn,.FooterColumnRight{padding:25px 0 0 0;margin:0 5px 0 5px;}
.FooterColumn li a, .FooterColumn li a:visited{color:#333; text-decoration:none;}
.FooterColumn li a:hover{color:#CC0000;text-decoration:underline;}

.FooterColumn li,.FooterColumnRight li{color:#333;padding:0 0 0 0;}

/*Detail Page*/
#HeaderWrapper{width:975px;min-height:174px;}
#HeaderDetails{width:100%; float:left;}
#HeaderDetails h2{ font-size: 36px; font-family: Roboto, Helvetica, Arial, Sans-Serif; color: #069; font-weight:300; padding-bottom:15px;letter-spacing:0}
#HeaderDetails .DemoDescription{width:770px;padding:0;float:left;font-size:16px; font-family: Roboto,Helvetica,Arial,sans-serif;font-weight:300;line-height:24px;}
#HeaderDetails .DemoDescription p { font-size:16px; font-family: Roboto,Helvetica,Arial,sans-serif;font-weight:300;line-height:24px;margin-bottom:16px; }

#DemoTags { float:left;width:100%;margin:10px 20px 10px 0;background:none !important;padding:0 !important;font-size:12px; font-family: Roboto,Helvetica,Arial,sans-serif;font-weight:400; }
#DemoTags ul{list-style-type:none;padding:0; margin:0 30px 0 0;}
#DemoTags li{display:inline;float:left;margin:5px 0 0 0;padding:0 5px 0 0;}
#DemoTags ul li span{ font-weight:600;font-family: Roboto, Helvetica, Arial, Sans-Serif;}
#DemoTags ul li a { font-family: Roboto, Helvetica, Arial, Sans-Serif;} 

.tagList {margin:0;padding:0;}
.tagList a{padding:4px 5px;border: 1px solid lightgrey;background: #F6FBFE;text-decoration: none;color: #006699;margin-bottom: 5px;margin-right: 0px;display:inline-block;}
.tagList a:hover{text-decoration: none;border: 1px solid lightgrey;background: #ddeaf0;color : #006699; }
.tagList a:visited{ color: #006699; }
.tagList span{padding-right:2px;font-weight:600;font-family: Roboto,Helvetica,Arial,sans-serif;}
.tagList li a {font-weight:bold;font-family: Roboto,Helvetica,Arial,sans-serif;}

#DemoModel{float:left; width:975px;height:auto; padding:15px 0 15px 0; margin:0;}
#DemoModel .DemoModelNote {font-size:12px; font-family: Roboto,Helvetica,Arial,sans-serif;font-weight:400;}
.ModelTools { margin-right:5px;}

#AssetsWrapper{width:100%;float:left;}
#ScreensWrapper{width:100%;float:left;margin:10px 0 0 0;}
#VideoWrapper{min-height:417px;width:100%;float:left;}
#RelatedDemosWrapper{width:100%;float:left;}

#Video{width:440px;height:366px;margin: 0 auto;}
#RelatedItems{float:right;width:212px;}
#RelatedDemos{height:200px;width:100%;}

/*SideBar*/
.asideHeader{height:65px; width:100%;background:url(/products/maplesim/ModelGallery/Assets/Images/rightnav_head.jpg) no-repeat top left;position: relative;}
.asideHeader p{font-weight:bold;color:White;padding:10px 5px 0 10px;}
.asideBody {color:White;font-size:10px;}
.asideLine {height:20px;background:url(/products/maplesim/ModelGallery/Assets/Images/line_190.jpg) no-repeat 0 9px;position: relative;}
#RequestWrapper{width:100%;background:url(/products/maplesim/ModelGallery/Assets/Images/rightnav.jpg) no-repeat top left;position: relative;}
#WebinarWrapper{width:100%;background:url(/products/maplesim/ModelGallery/Assets/Images/rightnav.jpg) no-repeat top left;position: relative;}
#InfoKitWrapper{width:100%;background:url(/products/maplesim/ModelGallery/Assets/Images/rightnav.jpg) no-repeat top left;position: relative;}

/*Social*/
.SocialWrapper li{list-style: none;padding:5px 0 0 5px;}
.SocialWrapper-horizontal {padding:0 0 15px 0;clear:both;}
.SocialWrapper-horizontal ul{list-style-type:none;padding:0;margin:10px 0 0 0;}
.SocialWrapper-horizontal li{display:inline;float:left; }
.SocialWrapper-horizontal ul li span{ font-weight:400;font-family: Roboto,Helvetica,Arial,sans-serif;}
li#googleplus {width: 70px;}
li#twitter {width: 90px;}
li#facebook {width: 75px;}

/*Modal, Z-index of #mask must lower than #dialog*/
#mask{position:fixed;z-index:9000;background-color:#000;display:none;}  
.dialog
{
    position:fixed;display:none;z-index:9999;
    width:440px;
    padding:20px;
    background-color:#FFF;
    border: 10px solid #DDD;
    font-size: 1.2em;    
    /*--CSS3 Box Shadows--*/
    -webkit-box-shadow: 0px 0px 20px #B1B1B1;
    -moz-box-shadow: 0px 0px 20px #B1B1B1;
    box-shadow: 0px 0px 20px #B1B1B1;
    /*--CSS3 Rounded Corners--*/
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow:visible;
}
.DialogContent {padding:0;}
.dialog h3 {font-size:28px; font-family: Roboto,Helvetica,Arial,sans-serif;font-weight:300;border-bottom:1px solid #CCC;color:#069;}
.dialog p {font-size:14px; font-family: Roboto,Helvetica,Arial,sans-serif;font-weight:400;margin-top:10px;margin-bottom:10px;}
.dialog ul {margin-top:10px;margin-bottom:15px;}
.dialog ul li {font-size:12px; font-family: Roboto,Helvetica,Arial,sans-serif;font-weight:500;}
a.dialog-button{text-align:center;margin:0 auto;width:140px;float:none;}
img.btn_close {position:absolute;right:0;float:right;margin: -55px -35px 0 0;z-index:999;}
#LeadForm {width:320px;}
#LeadForm label {display:block;line-height:30px;}
#LeadForm label input{height:20px;width:150px;float:right;}
#LeadForm label select{height:25px;float:right;width:154px;}
#LeadForm label input.submit{margin-left:2em;}
#LeadForm .submitting, #LeadForm .success, #LeadForm .problem {display:none;}
#LeadForm label textarea {margin-left:30px;width:290px} /* textarea doesn't follow normal css box sizes. #SFunction width minus textarea margin-left */
#Industry {height:25px;margin-left:2em;margin-bottom:4px;border:solid 1px #AAA;background-color:#FFF}
#Segment {text-align:right;display:inline;}
#LeadForm label.radio {font-size:11px;float:none;display:inline;}
#LeadForm label.radio input{float:none;display:inline;width:25px;vertical-align:middle;}
#LeadForm label.error {float:none;color:red;padding-left:.5em;vertical-align:top;font-size:12px;}

/*SimNavigation*/
#SimNavigation {float:left;}
#MainBKG{float:left;height:118px;width:968px;}
#NavigationList{padding:1;clear: left;}
#NavigationList ul{margin: 0 0 0 0;}
#NavigationList li{display:inline;}
#NavigationList li a{font-family:Arial;font-size:12px;text-decoration:none;color:#ffffff;
   float:left;padding:10px;background-color: #333333;border-bottom-color:#000000;border-bottom-style:solid;}
#NavigationList li a:hover {background-color:#9B1C26;padding-bottom:12px;border-bottom:1px;border-bottom-color:#000000;border-bottom-style:solid;}  

/*Typography*/
.TitleBoldWhite{color:White; font-size:12px;font-weight:bold;}
/*Custom breadcrumb style*/
#BreadCrumbWrapper {color:White; font-size:10px;margin:15px 25px 15px 25px;}
#BreadCrumbWrapper .bottomnav {color:White; font-size:10px;}
#BreadCrumbWrapper .legal{color:White; font-size:10px;}

/*URLS*/
a.plainLink, a.plainLink:visited, a.plainLinkB,a.plainLinkB:visited{text-decoration:none;color:#000;}
a.plainLink:hover{text-decoration:underline;color:#000;}
a.plainLinkB:hover{text-decoration:underline;color:#900;}
.DemoDescription article p a{color:#900;}
.DemoDescription article p a:visited{color:#900;}

a.modelLink{background: transparent url(/products/maplesim/ModelGallery/Assets/Images//bg_button_a.png) no-repeat scroll top right;position: relative;float: left;font: normal 11px;height: 24px;margin-right: 3px;padding-right: 18px;text-decoration: none;display: block;color:#000;}
a.modelLink:active{background: transparent url(/products/maplesim/ModelGallery/Assets/Images/bg_button_a.png) no-repeat scroll bottom right;position: relative;float: left;font: normal 11px;height: 24px;margin-right: 3px;padding-right: 18px;text-decoration: none;display: block;color:#000;}
a.modelLink:active span{background: transparent url(/products/maplesim/ModelGallery/Assets/Images/bg_button_span.png) no-repeat 0px -24px;position: relative;}
a.modelLink span{background: transparent url(/products/maplesim/ModelGallery/Assets/Images/bg_button_span.png) no-repeat;position: relative;padding: 5px 0 5px 18px;line-height: 14px;display: block;}

#AsideWrapper a, #AsideWrapper a:visited{color:White;text-decoration:none; font-weight:bold;}
#AsideWrapper a:hover{color:White;text-decoration:underline;font-weight:bold;}



/*Utility*/
.left{float:left;}
.right{float:right;}
.spacer15{height:15px;}
.text-center{text-align:center;width:100%}
.spacer8{height:8px;width:100%;}
/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

/* Search */
.document
{
    margin-bottom: 1.2em;
}

.doclist
{
    margin: 0.5em 0;
}

.MMGSearch
{
	border: solid 1px #666666; 
    font: normal 13px/100% Verdana, Tahoma, sans-serif; 
    padding: 6px;  
    COLOR: #006699;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #ffffff;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #ececec), to(#FFFFFF));  
    background: -moz-linear-gradient(top, #FFFFFF, #ececec 1px, #FFFFFF 25px);  
}
.MMGButton
{
	border: solid 1px #666666; 
    font: normal 13px/100% Verdana, Tahoma, sans-serif; 
    padding: 6px;  
    COLOR: #006699;
    FONT-FAMILY: arial;
    BACKGROUND-COLOR: #ffffff;
    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #ececec), to(#FFFFFF));  
    background: -moz-linear-gradient(top, #FFFFFF, #ececec 1px, #FFFFFF 25px);  
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-khtml-border-radius: 4px;
	display:none;
}

.bluebutton {
    background-color:#00aaff;
    display:inline-block;
    color:#fff;
    font-size:16px;
    font-weight: 300;
    font-family:Roboto, Arial, Helvetica, sans-serif;
    padding:7px 16px;
    text-decoration:none;
}
.bluebutton:hover {
    background-color:#008cd2;
    color:#fff;
    text-decoration: none;
}
.bluebutton:active {
    position:relative;
    top:1px;
}
.bluebutton:visited {
    color:#fff;
    text-decoration:none;
}

.bluebuttonpromo {
    font-size:18px;
    font-weight: 300;
    padding:9px 21px;
}