/* CSS Document */

/*  Generic styles for use anywhere  */
.displayNone
{
    display: none;
}
.offScreen
{
    position: absolute;
    left: -3000px;
    top: -3000px;
}
.floatLeft
{
    float: left;
}
.floatRight
{
    float: right;
}
.clear
{
    clear: both;
}
.marginRight
{
    margin-right: 10px;
}
.clear
{
    clear: both;
}
.noWidth
{
    width: auto;
}
.noFloat
{
    float: none !important;
}
.indent
{
    margin-left: 6.8em;
}
.wide .indent
{
    margin-left: 11em;
}
.margin1
{
    margin: 10px 0;
}
.italic
{
    font-style: italic;
}
.center
{
    text-align: center !important;
    width: 100%;
}
.bottom
{
    position: absolute;
    bottom: 10px;
}

/* tags */
a, a:active, a:visited
{
    color: #73a3ff;
}
a:hover 
{
    color: #036;
}
p
{
    margin: 1em 0;
}

/* forms */
form 
{
    margin-bottom: 0;
}

form label
{
    float: left;
    width: 6em;
    text-align: right;
    clear: left;
    margin: 14px 10px 0 0;
}

form .signin-box label 
{
    display: block;
    width: auto;
    text-align: left;
    font: normal 16px "Arial";
    color: #666;
    margin: 0 0 2px;
}

.signin-box .fieldset label 
{
    font: normal 13px "Arial";
    color: #666;
    margin: 0 0 5px 0;
}
form.wide label
{
    width: 10em;
}
form input[type=text], form input[type=password], form select
{
    float: left;
    margin: 10px 0 0 0;
    width: 250px;
}
form .signin-box input[type=text], form .signin-box input[type=password], form .signin-box select
{
    margin: 0 0 30px;
    width: 324px;
    height: 19px;
    float: none;
}
form input[type=text].input-validation-error,
form input[type=password].input-validation-error, 
form select.input-validation-error
{
    margin: 0 0 8px 0;
}
form .signin-box input[type=text].input-validation-error,
form .signin-box input[type=password].input-validation-error, 
form .signin-box select.input-validation-error
{
    margin: 0 0 8px 0;
}

.signin-box .fieldset input[type=text], 
.signin-box .fieldset input[type=password], 
.signin-box .fieldset select 
{
    margin: 0 0 8px 0;
    width: 284px;
    height: 19px;
}
.signin-box .fieldset input[type=text] 
{
    margin: 0 0 18px 0;
}
.signin-box .fieldset input[type=password] 
{
    margin: 0 0 12px 0;
}
.signin-box .fieldset .form-actions input[type=checkbox] 
{
    margin: 0;
    padding: 0;
    display: inline-block;
}
.signin-box .fieldset .form-actions label 
{
    margin: 0 0 0 5px;
    font: normal 12px/12px "Arial";
    display: inline-block;
}
.signin-box .fieldset .form-actions .submit.primary-button 
{
    width: 133px;
    margin: 12px 0 10px 0;
}
.signin-box .fieldset .submit.secondary-button 
{
    width: 100%;
}

form select
{
    width: 206px;
}

/* generic layout */

.try_button
{
    padding: 0px 50px;
}
.learn_more_button
{
    padding: 0px 20px;
}

.blue_button
{
    background-color: #4869A4;
    border: 1px solid #000000;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    height: 40px;
    line-height: 40px;
    margin: 0; /*padding: 0 36px;*/
    text-align: center;
    text-shadow: 0 1px 1px #000000;
    white-space: nowrap;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6A91DF', endColorstr='#314D7B'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#6A91DF), to(#314D7B)) repeat-x; /* for webkit browsers */
    background: -moz-linear-gradient(top,  #6A91DF,  #314D7B) repeat-x; /* for firefox 3.6+ */
}
.blue_button:hover
{
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80A1E4', endColorstr='#50688F'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#80A1E4), to(#50688F)) repeat-x; /* for webkit browsers */
    background: -moz-linear-gradient(top,  #80A1E4,  #50688F) repeat-x; /* for firefox 3.6+ */
}

.ie9 .blue_button
{
    border-radius: 4px 4px 4px 4px;
}
.cssgradients .blue_button
{
    background: -moz-linear-gradient(#6A91DF, #314D7B) repeat scroll 0 0 transparent;
}
.cssgradients .blue_button:focus, .cssgradients .blue_button:hover
{
    background: -moz-linear-gradient(#80A1E4, #50688F) repeat scroll 0 0 transparent;
}
.cssgradients .blue_button:active
{
    background: -moz-linear-gradient(#5A7BBE, #2A4269) repeat scroll 0 0 transparent;
}
.no-cssgradients .blue_button
{
    background: url("../images/buttons/blue-button.png") repeat-x scroll 0 0 #4869A4;
}
.no-cssgradients .blue_button:focus, .no-cssgradients .blue_button:hover
{
    background-position: 0 -50px;
}
.no-cssgradients .blue_button:active
{
    background-position: 0 -100px;
}


.greyBox
{
    background: #f1f1f1;
    padding: 10px;
}

.buttonBox
{
    position: absolute;
    right: 40px;
    bottom: 40px;
    padding: 15px 0px 0px 15px;
}
.bg_black_transparent
{
    background: black;
    -moz-opacity: .5;
    opacity: .5;
    filter: alpha(opacity=50);
    -webkit-opacity: .5;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 15px;
    left: 15px;
}
.topLayer
{
    position: relative;
    z-index: 1000;
    padding: 15px 0 0 15px;
    text-align: center;
}

/* colors */
.white
{
    color: white;
}
.green
{
    color: #77B811 !important;
}
.gray
{
    color: #999;
}

/* headers */
h2, .h2
{
    font-size: 1.8em;
}
h3, .h3
{
    font-size: 1.6em;
    margin: 0 0 3px 0;
}

/* layout */
.column_layout
{
    margin: 0 !important;
}
.column_layout li
{
    float: left;
    width: 56%;
    list-style: none;
    margin-left: 2%;
}
.column_layout li:first-child
{
    width: 40%;
    margin-left: 0;
}
.column_layout li:last-child
{
    border-right: none;
}
.column_layout .greyBox
{
    min-height: 310px;
    position: relative;
}

.signin-box h2
{
    font: normal 28px "Arial";
    color: #666;
    margin-bottom: 18px;
}
.signin-box .wrap-fieldset 
{
    margin-bottom: 30px;
}
.signin-box .wrap-fieldset .fieldset-title
{
    font: normal 16px "Arial";
    color: #666;
    margin-bottom: 2px;
}
.signin-box .wrap-fieldset .fieldset 
{
    height: auto;
    background: #e7e7e7;
    position: relative;
    padding: 10px 20px;
}
.signin-box .wrap-fieldset a.link 
{
    display: block;
    margin: 10px 0 0 20px;
}

dl.marketingHilights dt
{
    font-size: 1.3em;
    font-weight: bold;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
}
dl.marketingHilights dd
{
    padding-bottom: 10px;
}
dl.marketingHilights dd a
{
    display: block;
}

.different-site-content
{
    margin: -20px 0 20px 20px;
}

/* buttons */
.button
{
    background: url(../images/gradient_button2.png) #BBB repeat-x;
    border: 1px solid #737472;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline;
    padding: 4px 10px;
    text-shadow: 0px 1px 0px #e5e5ee;
    cursor: pointer;
}
.button:hover
{
    background: #DDDEE1 url(../images/gradient_button2_roll.png) repeat-x;
}
.button:active
{
    background: #A9AAAE url(../images/gradient_button2_press.png) repeat-x;
}
a.button
{
    color: #000000;
    text-decoration: none;
    margin-left: -10px;
    padding: 5px 5px 5px 32px;
    position: relative;
}
.button.focused
{
    -webkit-box-shadow: 0px 0px 5px #06F;
    -moz-box-shadow: 0px 0px 5px #06F;
}

/* graphics */
.graphic_globe
{
    background: url(../images/browsers_login.png) no-repeat 0 5px;
    padding: 5px 0 0 60px;
    height: 60px;
}
.graphic_bimFiles
{
    background: url(../images/BIMview_sm.png) no-repeat 0 5px;
    padding: 5px 0 0 60px;
    height: 60px;
}
.graphic_notify
{
    background: url(../images/ShareFiles.png) no-repeat 0 5px;
    padding: 5px 0 0 60px;
    height: 60px;
}

/* overwrite nitrous */
#landing_features
{
    padding: 0;
}
#landing_bg_container
{
    background: #041d33 url('../images/layout/landing_background.png') no-repeat 0 0;
    padding-top: 40px;
    height: 224px;
    position: relative;
    margin-bottom: 0px;
    padding-left: 0px;
}

#landing_bg_container header
{
    left: 0;
    position: absolute;
    top: 40px;
    width: 920px;
    font-weight: normal;
    padding: 0 20px;
    word-wrap: break-word;
}
.input-validation-error
{
    border-color: #F03136 !important;
    box-shadow: 0 0 2px 1px rgba(240, 49, 54, 0.6) !important;
}
.field-validation-error
{
    display: block;
    padding-bottom: 10px;
    color: #F03136;
    clear: both;
    font-weight: bold;
}

textarea, input[type=text], input[type=password]
{
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: -moz-linear-gradient(center top , #E5E5E5 0pt, #FFFFFF 1px) repeat scroll 0 0 transparent;
    border-color: #7B7B7B #9A9A9A #9A9A9A #7B7B7B;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    font-size: 12px;
    line-height: 16px;
    min-height: 16px;
    padding: 4px 2px;
}

#app_header
{
    height: 71px;
    background-color: rgb(216,216,216);
    color: rgb(60,60,60) padding: 4px 12px;
}

nav.obsidian .drop_down
{
    line-height: 20px;
}

#app_header .branding
{
    color: #ccc;
    text-decoration: none;
    float: left;
    position: relative;
    top: 6px;
    line-height: 16px;
}
#app_header nav .feedback_button
{
    color: rgb(60,60,60);
    cursor: pointer;
}
#app_header nav
{
    float: right;
    line-height: 16px;
    cursor: default;
    padding: 5px 0 0;
}

#app_header .nav_item
{
    line-height: 20px;
    cursor: pointer;
}

#app_header nav.obsidian > ul > li
{
    padding: 0 10px;
    line-height: 20px;
}



nav.obsidian > ul > li
{
    float: left;
    color: #fff;
}

nav.obsidian > ul > li.with_separator
{
    margin: 2px 0 0 10px;
    padding-left: 8px;
    border-left: 1px solid #4d4d4d;
}

#app_header nav a
{
    color: #ddd;
    text-decoration: none;
}

#app_header nav .help_button
{
    color: #ddd;
    float: left;
    cursor: pointer;
    padding-right: 8px;
    background: url(../images/icons/menu_arrow_white.png) no-repeat right 8px;
}

#app_header nav .nav_item:focus > span, #app_header nav .help_button:focus
{
    outline: 1px dotted rgba(255,255,255,0.8);
}

#app_header nav .help_button.glowing
{
    text-shadow: 0 0 9px #fff, 0 0 5px rgba(255,255,255,0.4);
}

#app_header nav span.help_button.glowing:focus
{
    outline: 0 none;
}

footer
{
    background-image: none;
}

#feedback_container
{
    min-width: 660px;
    min-height: 350px;
    height: 100%;
    background-color: #eee;
    padding: 15px;
}

.ie7 #RememberPassword, .ie8 #RememberPassword, .ie9 #RememberPassword
{
    margin-left: -3px;
}
.ie7 #termsOfUse, .ie8 #termsOfUse, .ie9 #termsOfUse
{
    padding-left: 150px;
}
#termsOfUse
{
    padding-left: 154px;
}

a.learnMore, a.learnMore:visited
{
    color: #73a3ff;
}
a.learnMore:hover {
    color: #036;
}

#memberSetup label
{
    float: left;
    width: 12em;
    clear: none;
    margin: 14px 10px 0 0;
}
#memberSetup .indent
{
    margin-left: 12.8em;
}
#memberSetup ul
{
    list-style-position: inside;
}
.memberSetupName
{
    width: 117px !important;
    margin-right: 10px !important;
}

.memberSetupUserName
{
    text-align: left;
}

.memberSetupQuestions
{
    padding: 4px 2px;
    width: 256px;
}

#launch_and_sign_in_button
{
    padding: auto 10px;
}

#O2Popup_Content
{
    width: 500px;
}

#O2Popup_Content_top
{
    display: block;
    height: 70%;
    overflow: hidden;
}

#O2Popup_Content_top ul
{
    color: #555;
    padding-bottom: 5px;
    font-size: 14px;
}
#O2Popup_Content_top ul li
{
    height: 25px;
}
#O2Popup_Content_top ul li:second-child a
{
    color: #06C;
}
#O2Popup_Content_top ul li a
{
    color: #555;
    line-height: 25px;
    text-decoration: underline;
}
#O2Popup_Content_top ul li a:hover
{
    color: #06C;
    text-decoration: none;
}

#O2Popup_Content_top .siteNameInput
{
    width: 342px;
}
#O2Popup_Content_top #loginButton
{
    float: right;
    margin: 15px 5px 0px;
}


#O2Popup_Content_top p
{
    margin: 5px 0;
    font-size: 14px;
}
#O2Popup_Content_top h3
{
    color: #555;
    margin-bottom: 0px;
}


#O2Popup_Content_bottom
{
    display: block;
    height: 30%;
}

#O2Popup_Content_bottom ul
{
    color: #555;
    padding-bottom: 5px;
    font-size: 14px;
}
#O2Popup_Content_bottom ul li
{
    height: 25px;
}
#O2Popup_Content_bottom ul li:second-child a
{
    color: #06C;
}
#O2Popup_Content_bottom ul li a
{
    color: #555;
    line-height: 25px;
    text-decoration: underline;
}
#O2Popup_Content_bottom ul li a:hover
{
    color: #06C;
    text-decoration: none;
}



.buttonCommon
{
    background: url(../images/gradient_button2.png) #BBB repeat-x;
    border: 1px solid #737472;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: inline;
    padding: 4px 10px;
    text-shadow: 0px 1px 0px #e5e5ee;
    cursor: pointer;
}
.buttonCommon:hover
{
    background: #DDDEE1 url(../images/gradient_button2_roll.png) repeat-x;
}
.buttonCommon:active
{
    background: #A9AAAE url(../images/gradient_button2_press.png) repeat-x;
}
a.buttonCommon
{
    color: #000000;
    text-decoration: none;
    margin-left: -10px;
    position: relative;
}
.buttonCommon.focused
{
    -webkit-box-shadow: 0px 0px 5px #06F;
    -moz-box-shadow: 0px 0px 5px #06F;
}
#divSiteNameError
{
    color: #F03136;
    font-size: 12px;
    font-weight: bold;
    display: block;
    clear: both;
    margin-left: 80px;
}


.fancybox-content
{
    padding: 20px;
    word-wrap: break-word;
}
.fancybox-footer
{
    padding: 20px;
    background-color: #eee;
}
.fancybox-content p.small, .fancybox-footer p.small
{
    font-size: 11px;
}

#signWithAutodeskIdLink
{
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

#signWithAutodeskIdLink:hover
{
    color: Blue;
}

#spanGoToBuzzsawLogin{
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

#spanGoToBuzzsawLogin:hover
{
    color: Blue;
}

#spanUserHasNoPermissionToSiteError
{
    color: Red;
    font-weight:bold;
    }
    
#app_header.mapping_header{ padding:0px; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}

#main.mapping_main{ background:#FFF;}

#mapping_container{ padding: 40px 20px;}

h2#mapping_subtitle{color: #0099ff; margin-bottom:20px;} 

#mapping_features{ font-size:14px; color:#555; padding-bottom:40px; border-bottom: 2px dashed #f5f5f5;}

.sign_in_box{ background:#f1f1f1; border: 1px solid #dedede; padding:20px; margin-top:10px;}
.sign_in_box h2{ font-size:22px;}

.fancybox-content #popupOptionBtns { text-align:center; margin-top:20px; }
.fancybox-footer #welcomePopup_Content_bottom ul li { list-style: none; }
.fancybox-footer #welcomePopup_button { text-align: center; margin-top: 20px; }