@charset "utf-8";
/* CSS Document */

body {
    background-color: #FFF;
}

#front-header {
    top: 60px;
    left: 25%;
    width: 100%;
    height: 400px;
    position: absolute;
    margin: 0px auto;
    margin-left: -120px;
}


.front-header {
    top: 60px;
    left: 0px;
    width: 100%;
    height: 354px;
    position: absolute;    
    background-color: #8CC63F;
    background-repeat: repeat-y;
    min-width: 1290px;
}

.headerfour {
    top: 60px;
    left: 0px;
    width: 100%;
    height: 354px;
    position: absolute;
    background: #95C33A url('//dxuu1kmv6dm3n.cloudfront.net/frontpage/background.png') repeat-y;
    min-width: 1290px;
}

.front-looping-bg {
    top: 60px;
    left: 0px;
    width: 100%;
    height: 500px;
    position: absolute;
    background-image: url('../images/head-back-vert-right.png');
    background-repeat: repeat-x;
}

.headerfour img.bg {
    /* Set rules to fill background */
        min-height: 100%;
        min-width: 1024px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: absolute;
        top: 0;
        left: 0;
        max-width: 2000px;
}

.headerfour .footnote {
    position: absolute;
    right: 16px;
    bottom: 8px;
}

.headerfour .footnote a {
     color: #FFF;
    font-family: Arial;
    font-size: 12px;
    padding-top: 2px;
    vertical-align: middle;
}

.headerfour .footnote a:hover {
    text-decoration: underline;
}

.headerfour .navibar {
    display: inline;
    position: relative;
    top: -70px;
    left: 50%;
    margin-left:-525px;
}


#front-content
{
    display: inline;
    position: absolute;
    margin: 0px auto;
    width: 1035px;
    left: 50%;
    margin-left:-500px;
}

#front-content #underline {
    position : absolute;
    top: 45px;
    left: 0;
}

#front-content #subtitle {
    font-family: Arial;
    font-size: 20px;
    margin-top: 32px;
    color: #FFF;
    width: 400px;
    line-height: 1.5em;
}

#front-content #tourdiv {
    margin-top: 0px;
    width: 250px;
    text-align: center;
}

#front-content .title {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 28px;
    letter-spacing: 0px;
    font-weight: bold;
    line-height: 1.1;
    color:#FFF;
}

#front-content .tick-class {
    list-style-image: url(//dxuu1kmv6dm3n.cloudfront.net/frontpage/tick.png);
}

#front-content .tick-class li {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 15px;
    letter-spacing: 0px;
    font-weight: normal;
    line-height: 1.7;
    color:#FFF;
}

#front-content #tour-link {
    font-size: 12px;
    color: #FFF;
    font-family: Arial, Verdana;
}

#front-content #imgHolder {
    position: relative;
    top: -40px;
    left : -100px;    
}

#front-content a {    
    font-family: Arial;
    font-size: 9pt;
}

#front-content a:hover {
    text-decoration: none;
}

#front-content a.hover:hover {
    text-decoration: underline;
}

#front-header #front-center {
    margin: 0px auto;
    background-image: url(../images/head-back-horiz.png);
    background-repeat: repeat-y;
    height: 324px;
    width: 1023px;
    position: relative;
}

#left {
    float: left;
}

#right {
    float: right;
}

.tab_area 
{
	position: relative;
	width: 1000px;
	top: 400px;
	left: 50%;
	margin-left: -500px;
}

.tab {
		position: relative;
    float: left;
    background-image: url('../frontpage/tab.png');
    background-repeat: no-repeat;
    width: 250px;
    height: 53px;
    
}

.tab a {
	  position: absolute;
    text-align: center;
	  width: 240px;
    height: 53px;
    top: 14px;
    font-family:Arial;
    font-size: 24px;
    letter-spacing: -1px;
    font-weight: normal;
    text-transform: uppercase; 
    line-height: 1.1;
    color:#000;

}

.tab a:hover {    
    text-decoration: none;
    font-size: 25px;
    top: 12px;
}


a, a:visited {
    text-decoration: none;
    color: #3B5998;
    cursor: pointer;
}

a.action {
    text-decoration: underline;
    font-weight: bold;
}

a:hover {    
    text-decoration: underline;
}

.cba {
    position: absolute;
    height: 60px;
    width: 100%;
    top: 0px;
    background-color: #333;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #fff;
    font-size: 14px;
    letter-spacing: -1px;
    left: 0px;
}

.cba a, .cba span {
    text-decoration: none;
    color: #fff;
    float: right;
    margin-right: 5px;
    margin-top: 8px;
}

.front-header a {
    text-decoration: none;
    color: #3B5998;
    cursor: pointer;
}

.front-header a.link {
    text-decoration: none;
    color: #0000FF;
}

.cba img {
    float: right;
    margin-right: 5px;
    margin-top: 0px;
}

.logo {
		position: absolute;
    top: 5px;
    left: 15px;
}

.alpha_button
{
    position: absolute;
    top: 24px;
    left: 250px;
    font-family: Arial,Helvetica,sans-serif;
    color: #FFF;
    font-size: 10px;
    letter-spacing: 0px;
    font-weight:900;
}


.app_cba {
    position: absolute;
    height: 35px;
    width: 60%;
    top: 5px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #fff;
    font-size: 14px;
    letter-spacing: -1px;
    right: 1%;    
}

.app_cba a, .app_cba span {
    text-decoration: none;
    color: #fff;
    float: right;
    margin-right: 5px;
    margin-top: 8px;
}

.app_cba a.notice {
    color: #FF0000;
}

.app_cba img {
    float: right;
    margin-right: 5px;
    margin-top: 0px;
}

.app_cba p {
    text-decoration: none;
    color: #fff;
    float: right;
    margin-right: 5px;
    margin-top: 8px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #fff;
    font-size: 14px;
    letter-spacing: -1px;
}

#gl_main {
    margin-left: auto;
    margin-right: auto;
}

#gl_body {
    margin-left: auto;
    margin-right: auto;
}



#gl_text_div {
    font-family: "Bell MT", georgia, "Times New Roman", Times, serif;
    color: #FFF;
    font-size: 18px;
    line-height: 1.2;
    font-variant: normal;
    
    float: left;
  

}

#gl_text_div img {
    margin-left: -18px;
}

.content-background
{
	position: absolute;
	top: 460px;
	left: 0px;
	width: 100%;
	height: 150px;
	background-image: url('../frontpage/content_back.png');
  background-repeat: repeat-x;
}

.tour-background
{
	position: absolute;
	top: 400px;
	left: 0px;
	width: 100%;
	height: 150px;
	background-image: url('../frontpage/content_back.png');
  background-repeat: repeat-x;
}

.content {
    position: absolute;
    font-family: "Arial", "Bell MT", georgia, "Times New Roman", Times, serif;
    color: #000;
    font-size: 18px;
    line-height: 1.2;
    font-variant: normal;
    top: 460px; 
    left: 50%; 
    height: 323px; 
    width: 1000px;
    margin-left: -500px; 
  	
    
}

#content a img { border: 0 }

.text_content {
    position: relative;
    font-family: "Arial", "Bell MT", georgia, "Times New Roman", Times, serif;
    line-height: 1.2;
    font-variant: normal;
    margin: 10px 25px;
}

#button {
    position: absolute;
    font-family: Arial;
    color: #FFF;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.2;
    font-variant: normal;
    background-color: #FFB200;
    border: 3px #FFD500 solid;
    width: 250px;
    height: 30px;
    padding-top: 9px;
    text-align:center;
}

#button a {
    text-decoration: none;
    color: #FFF;
}

#box {
    position: absolute;
    font-family: "Bell MT", georgia, "Times New Roman", Times, serif;
    color: #000;
    font-weight: normal;
    font-size: 20px;
    line-height: 1.2;
    font-variant: normal;
    background-color: #8AC5FF;
    width: 200px;
    height: 125px;
    padding-top: 10px;
    text-align:center;
}

.info_box {
    background-color: #EEEEEE;
    padding-left: 15px;
}

.center {
	position: relative;
	width: 80%;
  left: 20%;
}

#showreel {
		position: absolute;
    background-color: #000;
    width: 360px;
    height: 240px;
    left: 475px;
    top: 24px;
}


#column1 {
    position: relative;
    float: left;
    width: 400px;
    left: 40px;
}

#column2 {
    position: relative;
    float: right;
    right: 40px;
    width: 400px;
}

#content-section1 {
    padding-left: 10px;
    top: 300px;
}


.content-section2 {
    padding-left: 10px;
    padding-top: 5px;
    min-height: 600px;
    font-size: 16px;
}



#product-icons {
		position: relative;
    width: 1000px;
    left: 50%;
    margin-left: -475px;
    top: 25px;
}


#content-section3 {
    position: relative;
    height: 150px;
    width: 100%;
    left: 50%;
    margin-left: -425px;
    top: 25px;
}


#gl_text_div h1 {
    font-family:Arial;
    font-size: 165%;
    letter-spacing: 0px;
    font-weight: bold;
    text-transform: uppercase; 
    line-height: 1.1;
    color:#000;
}

#gl_text_div h2 {
 font-family:Arial;
    font-size: 120%;
    letter-spacing: 0px;
    font-weight:lighter;
    line-height: 1.1;
    color:#fff;}

#gl_text_div h3 {
 		font-family:Arial;
    font-size: 90%;
    letter-spacing: 0px;
    font-weight:normal;
    line-height: 0.9;
    text-transform: none; 
    color:#fff;
    text-decoration: underline;
}



#gl_text_div strong {
    font-family: georgia, "Times New Roman", Times, serif;
    color: #FFF;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bolder;

}

#gl_intro
{
    position: relative;
    width: 90%;
    margin-left: auto;
    right: 15px;
    top: 40px;
    background-color: #93AA0C;
    font-size: 22px;
    font-family: helvetica, arial, sans-serif;
    padding: 15px 15px 15px 15px;
    color: #FFF;
}

#gl_intro h1
{
    font-size: 24px;
    font-family: helvetica, arial, sans-serif;
    letter-spacing: -1px;
    color: #FFF;
}

#gl_intro2
{
    position: relative;
    width: 300px;
    margin-right: auto;
    left: 15px;
    top: 40px;
    background-color: #BE4727;
    font-size: 22px;
    font-family: helvetica, arial, sans-serif;
    padding: 15px 15px 15px 15px;
    color: #FFF;
}

#gl_intro2 h1
{
    font-size: 24px;
    font-family: helvetica, arial, sans-serif;
    letter-spacing: -1px;
    color: #FFF;
}

#header {    
    height: 50px;
    width: 100%;    
    background-color: #383738;
    position: absolute;
    left: 0;
    top: 0;
}

.roundedcornr_top_513329 div {
    background: url(../content/roundedcornr_513329_tl.png) no-repeat top left;
}
.roundedcornr_top_513329 {
    background: url(../content/roundedcornr_513329_tr.png) no-repeat top right;
}
.roundedcornr_bottom_513329 div {
    background: url(../content/roundedcornr_513329_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_513329 {
    background: url(../content/roundedcornr_513329_br.png) no-repeat bottom right;
}

.roundedcornr_top_513329 div, .roundedcornr_top_513329, 
.roundedcornr_bottom_513329 div, .roundedcornr_bottom_513329 {
    width: 100%;
    height: 10px;
    font-size: 1px;
}
.roundedcornr_content_513329 { margin: 0 0; }


.front-small-text
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    line-height: 1.2;
    font-size: 14px;
    font-variant: normal;
    letter-spacing: -1px;
    margin: 5px;
}

.footer-info-box
{
    
    margin-left: auto;
    margin-right: auto;

}

.info-section
{
    float: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    line-height: 1.5;
    font-size: 13px;
    font-variant: normal;
    margin-right: 50px;
    letter-spacing: 1px;
    color: #777;
}

.info-section a
{
    text-decoration: none;
    color: #777;
}

.button-area
{
    clear:both;
}

#platforms
{
	position: relative;
	height: 75px;
	
}

.tech_button
{
		position: relative;
    float: left;
    background-color: #FFF;
    width: 75px;
    height: 75px;
    margin-right: 7px;
    margin-bottom: 30px;
}

.tech_button img
{
    max-width: 75px;
    max-height: 75px;
    width: expression(this.width > 75 ? "75px" : true);
    height: expression(this.height > 75 ? "75px" : true);
}

.product_button
{
    float: left;
    background-color: #eee;
    width: 175px;
    height: 150px;
    margin-right: 10px;
    margin-bottom: 30px;
}

.product_button_content
{
    position: absolute;
    left:auto;
    right:auto;
    width: 175px;
    text-align:center;
    bottom: -165px;
}

.product_button_content img
{
    max-width: 125px;
    max-height: 130px;
    width: expression(this.width > 125 ? "125px" : true);
    height: expression(this.height > 130 ? "130px" : true);

}

.product_button_content a
{
    text-decoration: none
}

#content {
    clear: both;
    width: 100%;
    top: 50px;    
    left: 0;
    position: absolute;
    background-color: #FFF;    
}

h2
{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 130%;
    letter-spacing: 0px;
    font-weight: normal;
    line-height: 1.1;
    color:#333;
}

h3
{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 100%;
    letter-spacing: 0px;
    font-weight: normal;
    line-height: 1.1;
    text-transform: uppercase; 
    color:#333;
}

p
{
    font-family: Arial, Georgia, "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: 100;
    font-size: 16px;
}

input {
    border: 1px solid #454743;
    background-color: #e6e6e6;
    font-family: Arial, Georgia, "Times New Roman", Times, serif;
    font-style: normal;
    font-size: 16px;
    color: #454743;
}

input[type=checkbox], input[type=radio] {
    border: 0;
}

textarea {
    border: 1px solid #454743;
    background-color: #e6e6e6;
    font-family: Arial, Georgia, "Times New Roman", Times, serif;
    font-style: normal;
    font-size: 19px;
    color: #454743;
}

input:hover {
    border: 1px solid #BCD534;
    background-color: #FFFFFF;
    color: #000000;
}

input:focus {
    border: 1px solid #BCD534;
    background-color: #FFFFFF;
    color: #000000;
}

#green_info_box {
    background: #bcd534;
    color: #000;
}
.roundedcornr_top_700902 div {
    background: url(../content/roundedcornr_700902_tl.png) no-repeat top left;
}
.roundedcornr_top_700902 {
    background: url(../content/roundedcornr_700902_tr.png) no-repeat top right;
}
.roundedcornr_bottom_700902 div {
    background: url(../content/roundedcornr_700902_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_700902 {
    background: url(../content/roundedcornr_700902_br.png) no-repeat bottom right;
}

.roundedcornr_top_700902 div, .roundedcornr_top_700902, 
.roundedcornr_bottom_700902 div, .roundedcornr_bottom_700902 {
    width: 100%;
    height: 10px;
    font-size: 1px;
}
.roundedcornr_content_700902 { 
    margin: 0 10px;
    color: #FFF;
    font-size: 18px;
    line-height: 1.2;
    font-variant: normal;
}

#orange_info_box {
    background: #fdc745;
    font-family: "Bell MT", georgia, "Times New Roman", Times, serif;

}

#orange_button_box {
    background: #fdc745;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: bold;
    font-size: 20px;
    color: #000000;
    margin-left: auto;
    margin-right: auto;
}

.roundedcornr_top_463655 div {
    background: url(../content/roundedcornr_463655_tl.png) no-repeat top left;
}
.roundedcornr_top_463655 {
    background: url(../content/roundedcornr_463655_tr.png) no-repeat top right;
}
.roundedcornr_bottom_463655 div {
    background: url(../content/roundedcornr_463655_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_463655 {
    background: url(../content/roundedcornr_463655_br.png) no-repeat bottom right;
}

.roundedcornr_top_463655 div, .roundedcornr_top_463655, 
.roundedcornr_bottom_463655 div, .roundedcornr_bottom_463655 {
    width: 100%;
    height: 10px;
    font-size: 1px;
}
.roundedcornr_content_463655 { 
    margin: 0 10px;
    color: #FFF;
    font-size: 18px;
    line-height: 1.2;
    font-variant: normal;
}

.description {
    width: 480px;
    padding: 8px;
}

a.edit_icon { cursor: pointer; padding: 4px }
a.edit_icon:hover { background-color: #ECEFF5 }


.errorlist {
    color: #FF0000;
    font-weight: bold;    
    font-family:Arial, Helvetica, sans-serif;
    padding-left: 16px;
    margin: 8px;
    font-size: 90%;
}

#about_block { margin: 16px; padding: 16px }
#about_block .picture-column { width: 40%; float: left; padding: 16px; text-align: right }
#about_block .text-column { width: 50%; float: right; padding: 16px }

#help_block { margin: 0; padding: 8px }
#help_block .breadcumb { padding: 0 }
#help_block .menu-column { width: 30%; float: left; padding: 0}
#help_block .text-column { width: 60%; float: right; padding: 8px }

.clearfloating { clear: both }

a.username {
    font-family: Arial;    
    font-size: 16px;
}

#profile_left_column {
    margin: 8px;
    margin-right: 0;
    padding: 0;
    width: 55%;
    float: left;
}

#profile_right_column {
    margin: 8px;
    margin-left: 0;
    padding: 0;
    width: 40%;
    float: left;
}

table#profile_overview {
    
}

table#profile_overview td {
    padding: 2px;
}

table#profile_overview td.field {
    width: 120px;
}

table#profile_overview td.value {
    width: 400px;
}

#profile_overview_actions {
    margin-left: 32px;
}

span.editable-style
{
    font-weight: normal;
    font-size: 10pt;
    font-family: Arial;
    color: #3B5998;
}

span.editable:hover, div.editable:hover {
    background: transparent url(../images/edit.gif) no-repeat center right;
    padding: 4px 20px 4px 0px;
    cursor: pointer;
    text-decoration: underline;
    
}

ul.actions_list {
    clear: both;
    list-style-type: none;
    padding-left: 8px;
}

ul.actions_list li {
    padding: 4px;
}

.components {
    width: 500px;
}

.component {
    padding: 4px;
    width: 90px;
    height: 90px;
    float: left;
}

.component img {
    border-width: 0px;
    vertical-align: middle;
}

#ajax-loader {
    text-align: center;
}

.step_block {
    margin: 0px auto;
    padding: 0px;
    width: 200px;
    text-align: center;
}

#product_form {
    margin: 8px auto;
    width: 400px;
    font-size: 14px;
}

.form_buttons {
    width: 400px;
    margin: 24px auto;
    text-align: center;
}

.full_bar {
    background: #8091A2 url(../images/full_gradient.png) repeat-x top left;
    width: 200px;
    height: 20px;
}

.full_bar .progress {
    background: #8091A2 url(../images/progress_gradient.png) repeat-x top left;
    height: 20px;
}

.full_bar .step1 { width: 50px; }
.full_bar .step2 { width: 100px; }
.full_bar .step3 { width: 150px; }
.full_bar .complete { width: 200px; }

table#project_type tr {

}

table#project_type td.radio {
    width: 100px;
}

table#project_type td.info {
    padding: 8px 0;
    text-align: center;
}

.address {
    font-weight: bold;
    font-style: italic;
    color: #28757A;
}

.component_form {
    font-size: 11px;
    border: 2px solid #646769;
    padding: 4px;
    margin: 16px 0;
}

.buttons {
    text-align: center;
}

.success {
    color: #000;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.5;
    margin: 4px;
    padding: 4px;
}

.notice {
    color: #FF0000;    
}

.payment_notice_block {
    font-size: 18px;
    font-weight: normal;
    color: #FFF;
    background-color: #5F2F2F;
    width: 400px;
    margin: 16px auto;
    padding: 16px;
    line-height: 1.5em;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.payment_notice_block a {
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}

.payment_notice_block a:hover {
    font-weight: bold;
    text-decoration: underline;
}

table.upgrade_form th { width: 120px; text-align: left; padding: 3px 0; }

/* Tableless form */
fieldset {
    border:1px dashed #CCC;
    padding:10px;
}

fieldset .noteText {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 80%;
    line-height: 1.5em;
    margin: 8px;   
}

fieldset .noteText a {
    color: #3B5998;
}

legend {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 90%;
    letter-spacing: -1px;
    font-weight: bold;
    line-height: 1.1;
    color:#fff;
    background: #666;
    border: 1px solid #333;
    padding: 2px 6px;
}

h1 {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 175%;
    letter-spacing: -1px;
    font-weight: normal;
    line-height: 1.1;
    color:#333;
}

label {
    width:150px;
    height:30px;
    margin-top:3px;
    margin-right:2px;
    padding-top:11px;
    padding-left:6px;
    background-color:#CCCCCC;
    float:left;
    display: block;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 115%;
    letter-spacing: -1px;
    font-weight: normal;
    line-height: 1.1;
    color:#666;
    clear: both;
}

.form {
    margin:0;
    padding:0;
}

#container {
    width:760px;
    margin:auto;
    padding:10px;
}

#top {
    width:680px;
    height:50px;
}

.centerSide {
    clear: both;
    width: 540px;
    margin: 16px auto;
}

#leftSide {
    width:540px;
    padding-top:30px;
    float:left;
}

#rightSide {
    background-color:#fff;
    width:200px;
    padding:5px;
    margin-top:40px;
    float:right;
    border:1px solid #CCC;
    font:normal 12px Arial;
    color:#666666;
    line-height: 1.5em;
}

.clear {
    clear:both;
}

.div_texbox {
    font:normal 18px Arial;
    width:347px;
    float:right;
    background-color:#E6E6E6;
    margin-top:3px;
    padding-top:5px;
    padding-bottom:3px;
    padding-left:5px;
    min-height: 35px;
}

.div_texbox input, .div_texbox textarea, .div_texbox select {
    background-color:#fff;
    background-image: url(../images/16t.png);
    background-repeat: no-repeat;
    background-position:left;
    width:285px;
    font:normal 18px Arial;
    color: #999999;
    padding:3px 5px 3px 19px;
}

.div_texbox input:focus, .div_texbox input:hover, .div_texbox textarea:focus, .div_texbox textarea:hover {
    background-color:#F0FFE6;
}

#agree_terms
{
    position: relative;
    font:normal 16px Arial;
    top: -3px;
}

.username input {
    background-color:#fff;
    background-image: url(../images/16m.png);
    background-repeat: no-repeat;
    background-position:left;
    width:285px;
    font:normal 18px Arial;
    color: #999999;
    padding:3px 5px 3px 19px;
}

.username input:focus, .username input:hover {
    background-color:#F0FFE6;
}

.password input {
    background-color:#fff;
    background-image: url(../images/16s.png);
    background-repeat: no-repeat;
    background-position:left;
    width:285px;
    font:normal 18px Arial;
    color: #999999;
    padding:3px 5px 3px 19px;
}

.password .text:focus, .password .text:hover {
    background-color:#F0FFE6;
}

.button_div {
    width:287px;
    float:right;
    background-color:#fff;
    border:1px solid #ccc;
    text-align:right;
    height:35px;
    margin-top:3px;
    padding:5px 32px 3px;
}

.buttons {
    background: #e3e3db;
    font-size: 14px;
    color: #989070;
    padding: 3px 14px;
    border-width: 2px;
    border-style: solid;
    border-color: #fff #d8d8d0 #d8d8d0 #fff;
    text-decoration: none;
    text-transform:uppercase;
    font-weight:bold;
}

/* Common dialogs */
#commonDialog, #confirmDialog {
    padding: 8px;
}

#commonDialog ul {
    list-style-type: none;
}

#commonDialog #commonDialog_icon, #confirmDialog #confirmDialog_icon {
    float: left;
    margin: 0px 16px;
}

#commonDialog #commonDialog_message, #confirmDialog #confirmDialog_message {
    margin: 16px 0px;
    text-align: center;
}

a.add_link, a.edit_link, a.delete_link {
    background-color: transparent;
    background-image: url(../images/project/add_language.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 6px 4px 4px 32px;    
    margin: 4px;
    font-family: Arial;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight: bold;
}

a.delete_link {
    background-image: url(../images/delete_icon.gif);
    background-position: left center;
}

a.edit_link {
    background-image: url(../images/edit.gif);
}

a.add_link:hover, a.edit_link:hover, a.delete_link:hover {
    text-decoration: underline;
    background-color: transparent;
}

a.warning {
    background-color: #F6F6F3;
    background-image: url(../images/warning_icon.gif);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    padding: 4px 4px 4px 24px;
    text-decoration: none;
    margin: 4px;
    font-family: Arial;
    font-size: 13px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

a.warning:hover {
    background-color: #CAF5C4;
}

.delete {
    background-image: url(../images/delete_icon.gif);
    background-repeat: no-repeat;
    background-position: 0px 2px;
}

.add {
    background-image: url(../images/plus_icon.gif);
    background-repeat: no-repeat;
    background-position: 0px 2px;
}

.string_box {
    background-color: #E6E6E6;
    padding: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

/* table for user translations in user public profile */
table.translations {
    width: 640px;
}

table.translations th {
    background-color: #E6E6E6;
    padding: 4px;
}

table.translations td {
    width: 320px;
    padding: 4px;
}

/* Global comment block */
#comments {
    padding:10px;
    width: 494px;
}

#comments .comment_row {    
}

#comments .comment_row .profile {
    width: 120px;
    float: left;
    margin-top: 8px;
    background-color:#CCCCCC;
    padding:4px 0px;
    text-align: center;
    line-height: 1.2em;
    min-height: 100px;
}

#comments .comment_row .comment {
    float: right;
    margin-top: 8px;
    padding: 4px;
    padding-left: 8px;
    min-height: 100px;
    width:360px;
    background-color: #E6E6E6;
    font-family: tahoma;
    font-size: 14px;
    line-height: 1.5em;
}

.message {
    background-color: #E6E6E6;
    color: #1D8C41;
    font-weight: bold;
    width: 400px;
    margin: 4px auto;
    padding: 4px;
    text-align: center;    
    font-size: 16px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    line-height: 1.2em;
}

table.users_list {
}

table.users_list th {
    font-size: 16px;
    padding: 8px 16px;
}

table.users_list td {
    text-align: center;
    padding: 8px 16px;
    font-size: 14px;
}

table.users_list tr.super_admin {
    background-color: #B3EBEF;
}

table.components_export td {
    padding: 4px 16px;
}

#transDiv {    
    margin: 8px;
}

/* Theme colors table */
.theme_color_block {    
    clear: both;
}

.theme_color_block .color_row {
    clear: both;
    padding: 4px;
}

.theme_color_block .color_field, .field {
    width: 150px;
    float: left;    
}

.theme_color_block .value {
    width: 250px;
    float: left;
}

.theme_color_block .color_input {
    width: 150px;
    float: left;    
}

.theme_color_block .color_input input {
    width: 100px;
}

.theme_color_block .color_box {
    width: 24px;
    height: 24px;
    float: left;
    border: 2px solid #AAAAAA;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #000000;
}

/* Used in dialog header or block header */
.header {
    font-size: 18px;
    margin: 8px 0;
    font-weight: bold;
    color: #444;
    line-height: 1.5em;    
}

#admin_control {
    padding: 8px;
}

#admin_control_content {
    line-height: 1.5em;
    font-size: 16px;
}

.signup_button {
    padding: 14px 16px;
    width: 187px;
    height: 18px;
    border: 0px;
    margin: 0 auto;
    color: #4A3521;
    text-align: center;
    vertical-align: middle;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    background : #ECEEEF url("../images/plan/button-back.png") repeat-y;
}

.success_msg {
    color: #537344;
    font-size: 18px;
    font-weight: bold;
}

.smallest {font-size: 10pt; }
.smaller { font-size: 11pt; }
.small { font-size: 12pt; }
.normal { font-size: 14pt; }
.large {font-size: 18pt; }
.bold { font-weight: bold; }
.blank_separator { height: 16px; width: 100%; }

#translator_wrapper {    
    padding: 0;
    margin: 0 auto;
    width: 960px;
}

#translator_wrapper #left {
    width: 700px;
    float: left;
}

#translator_wrapper #right {
    width: 240px;
    float: left;
    padding-left: 20px;
}

#translator_wrapper #right input {
    width: 220px;
}

#translator_wrapper #right #resultsBlock {
    width: 240px;
    min-height: 400px;
    padding: 8px;
    background-color: #EEEEEE;
    -moz-border-radius: 2ex;
    -webkit-border-radius: 2ex;
    font-family: Arial;    
}

#translator_wrapper #right #resultsBlock #language_dir {
    float: right;
    padding: 4px;
    font-size: 9pt;
}

.search_field {
    -moz-border-radius : 5px;
     -webkit-border-radius: 5px;
    -webkit-box-shadow : 0 -1px 0 #9E9E9E, 0 1px 0 #CDCDCD;
    -moz-box-shadow: 0px -1px 0px #9e9e9e, 0px 1px 0px #cdcdcd;
    background: url("../images/search_icon.png") no-repeat scroll 3px 2px #FFFFFF;
    padding-left: 20px;
    color: #757575;
    border: 1px solid #CCC;
}

.search_field:hover, .search_field:focus {
    border: 1px solid #CCC;
}


.main_content {
    width: 960px;
    margin: 16px auto;
    font-family: Arial;
}

a img {
    border: 0;
}

#browser_support_warning {
    border: 2px solid #97D17B;
    font-family: Arial;
    background-color: #97D17B;
    color: #111;
    line-height: 1.5em;
    padding: 8px;
    margin: 8px auto;
    width: 680px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 11pt;
}

.close_icon {
    float: right;
    top: 8px;
    right: 8px;
}

.progress_error {
    color: #FF0000;
}

.progress_success {
    color: #133B0E;
}

.in_progress {
    color: #333;
}

.progress_queue {
    color: #913E1A;
}

/* Master picture dialog */
#pictureDialog .picture_row {
    margin: 8px 0px;
}

#pictureDialog #upload_block {
    margin-left: 8px;
    min-height: 300px;
}

#pMasterString {
    font-size: 14pt;
    font-weight: bold;
}

#pictureDialog .picture_row input[type=file] {
    width: 300px;
}

#pictureDialog .upload_progress {
    font-size: 12pt;
}

.pictures_block {
    margin: 8px 0;
    padding: 0;
    font-family: Arial;
    margin-left: 16px;
}

.pictures_block .row {
    clear: both;
    margin: 16px 0;
}

.pictures_block .row .left {
    padding: 0;
    width: 200px;
    float: left;
}

.pictures_block .row .right {
    float: left;
    padding-left: 16px;
    line-height: 1.5em;   
}

.pictures_block .row .right .picture_progress {
    margin-left: 12px;
}

.pictures_block .row .left img {
    width: 200px;    
}

.ui-widget-content a {
    color: #3B5998;
}

#relatedStrings {
    margin-left: 80px;
    line-height: 1.5em;
}

#relatedStrings .item {
    font-family: Arial;
    font-size: 13pt;
}

#translationsList {
    list-style-type: none;
    padding: 8px;
    font-family: Arial;
}

#translationsList li {
    padding: 4px;
}

#prodHeaderBlock {
    width: 100%;
}

#prodHeaderBlock #logo {
    width: 150px;
    padding: 0;
}

#prodHeaderBlock #logo img {
    width: 150px;
    float: left;
}

#prodHeaderBlock #text {
    float: left;   
    padding-left: 20px;
}

.table_note {
    text-align: center;
    font-style: italic;    
}

#relatedTranslationsBlock {
    font-family: Arial;
}

#otherTranslationsTable {
    font-family: Arial;
}

#plan-banner {
    width: 960px;
    margin: 8px auto;
}

#plan-banner #title {
    color: #404041;
    font-weight: bold;
    font-size: 26pt;
    font-family: tahoma;
    margin-top: 40px;
    margin-bottom: 16px;
    margin-left: 8px;
}

#plan-banner #options {
}

#plan-banner #options #col1 {    
    float: left;
}

#plan-banner #options #col2 {    
    float: left;
    margin-left: -10px;
}

#plan-banner #options .box {
    background-image: url("../images/box.png");
    background-repeat: no-repeat;
    padding: 16px 32px 16px 16px;
    width: 390px;
    height: 214px;
    font-family: Verdana;
    line-height: 1.5em;
    font-size: 12px;
}

#plan-banner #options .box .title {
    padding: 8px;
    font-size: 14px;
    font-weight: bold;
    color: #231F20;
}

#plan-banner #options .box .text {
    padding: 8px;      
}

#plans_selector {
    margin-top: 400px;
    width: 944px;
    padding: 8px;
    margin-left: auto;
    margin-right: auto;
}

#plans_selector #use_cases {
    margin: 16px 0;
}

/* New from style */
#form-container {
    width: 944px;
    padding: 8px;
    margin: 8px auto;
}

.form2 {
    font-family: Verdana;
    line-height: 1.5em;
}

.form2 ul {
    list-style-type: none;
    padding: 8px 0;
    margin: 0;
    font-size: 11pt;
}

.form2 label {
    font-size: 16pt;
    background-color: transparent;
    float: none;
    padding: 0;
    color: #231F20;
    margin-top: 0px;
    padding-top: 8px;
    width: 477px;
}

.form2 .link {
    font-size: 11pt;
    font-family: verdana;
}

.form2 input[type="text"], .form2 input[type="password"] {
    width: 469px;
    height: 32px;
    border: 0;
    background-color: #EEE;
    background: #EEE url("../images/plan/text-field-back.png") no-repeat;
    font-size: 18pt;
    padding: 4px;
}

.form2 textarea {
    width: 469px;
    height: 96px;
}

.form2 select {
    width: 469px;
    font-size: 18pt;
    padding: 4px;
}

.form2 input[type="checkbox"] {
    background: #EEE url("../images/plan/checkbox-back.png") no-repeat;
}

.form2 input#create_project {
    width: 264px;
    height: 48px;
    border: 1px solid #7F5120;
    font-size: 14pt;
    background: #FAA944 url('../images/button_create_gradient.png') repeat-y;
}

#header_expire_blk {
    float: right;
    margin-top: 0px;
    font-size: 10pt;
    font-family: verdana;
}

.center_text_block {
    width: 960px;
    margin: 8px auto;
    line-height: 2em;
    font-family: "Verdana", "Bell MT", "Arial";
    color: #404041;
}

.center_text_block .normal {
    font-size: 11pt;

}

.center_text_block .small {
    font-size: 10pt;
}

.center_text_block .headline {
    font-size: 22pt;
    
}

#upgrade_block {
    font-family: "Bell MT", "Arial";
    width: 240px;
    margin: 8px auto;
    line-height: 2em;
}

#upgrade_block select {
    width: 226px;
    border: 2px solid #E9E8E8;
    background-color: #F8F7F7;
    background: #F8F7F7 url("../images/bg_select.png") no-repeat;
    height: 40px;
    text-align: left;
    font-size: 12pt;    
}

#upgrade_block input[type=button],#upgrade_block input[type=submit] {
    width: 226px;
    height: 48px;
    border: 1px solid #7F5120;
    font-size: 13pt;
    background: #FAA944 url('../images/button_create_gradient.png') repeat-y;
    margin: 8px 0;
}

#upgrade_block hr {
    color: #D1D2D4;
    background-color: #D1D2D4;
    height: 2px;
    border: 0;
    width: 100%;
    margin: 0;
    padding: 0;
}

#upgrade_block table#price {
    width: 100%;
    padding: 0;
    margin: 0;
}

#upgrade_block table#price {
    padding: 0;
    margin: 0;
    font-family: Verdana;
}

#upgrade_block table#price td.sep {
    padding: 0;
}

#upgrade_block table#price td.field {
    font-weight: bold;
}

#upgrade_block table#price td.bottom_line {
    font-weight: bold;
    font-size: 16pt;
}

#upgrade_block .grey {
    color: #939598;
    font-size: 8pt;
    line-height: 1.5em;
    font-weight: bold;
}

#featured-projects {
    position: absolute;
    background-image: url(../images/back-gradient.png);
    background-repeat: repeat-y;
    top: 651px;
    left: 0px;
    right: 0px;    
    z-index: -100;
}

#featured-projects
{
    color: #A8A8A8;
    font-weight: normal;
    font-size: 20pt;
    font-family: Arial;
    margin: 8px 0;
}


.feature-project {
    background-image: url(../images/featured-box.png);
    background-repeat: no-repeat;
    padding: 37px;
    float: left;
    width: 100px;
    height: 100px;
}

.feature-project img {
    position: relative;
    top: -13px;
    width: 100px;
    height: 100px;
}

.feature-project p {
    position: relative;
    text-align: center;
    color: #A8A8A8;
    font-weight: normal;
    font-size: 10pt;
    font-family: Arial;
    top: -23px;
    max-width: 95px;
}

.profile-page-link
{
    font-weight: normal;
    font-size: 10pt;
    font-family: Arial;
}

.my-project {
    background-image: url(../images/featured-box.png);
    background-repeat: no-repeat;
    padding: 37px;
    float: left;
    width: 100px;
    height: 100px;
}

.my-project img {
    position: relative;
    top: -13px;
    width: 100px;
    height: 100px;
}

.my-project p {
    position: relative;
    text-align: center;
    color: #A8A8A8;
    font-weight: normal;
    font-size: 10pt;
    font-family: Arial;
    top: -23px;
    max-width: 95px;
}

#your-profile
{
    background-color: #F7F7F7;
    padding: 15px 15px 15px 15px;
    margin-right: 15px;
    font-weight: normal;
    font-size: 11pt;
    font-family: Arial;
    color: #404040;
}

#your-profile h1
{
    color: #000;
    font-weight: normal;
    font-size: 15pt;
    font-family: Arial;
    letter-spacing: 1px;
}

#your-profile h2
{
    color: #000;
    font-weight: normal;
    font-size: 12pt;
    font-family: Arial;
    letter-spacing: 1px;
}

#maintext {
		position: absolute;
		top: 340px;
		background-image: url(../images/text-box-horiz-middle.png);
    background-repeat: repeat-x;
    width: 100%;

}

#maintext #top {
    background-image: url(../images/text-box-top.png);
    background-repeat: no-repeat;
    width: 100%;
}

#maintext #left {
    background-image: url(../images/text-box-horiz-left.png);
    background-repeat: no-repeat;
    float:left;
    width: 57px;
    height: 326px;
}

#maintext #right {
    background-image: url(../images/text-box-horiz-right.png);
    background-repeat: no-repeat;
    float:right;
    width: 57px;
    height: 294px;
}


#maintext #center {
		position: relative;
    width: 100%;
    left: 50%;
    height: 296px;
    padding-top: 22px;
    margin-left: -500px;
}

#maintext #center #platforms{
		margin-top: -25px;
}


#maintext .title {
    color: #767676;
    font-size: 18pt;
    font-family: Arial;
    margin: 16px 0;
}

#maintext .text {
    color: #888888;
    font-size: 10pt;
    font-family: Verdana;
    line-height: 1.5em;
    margin: 16px 0;
    width: 1000px;
}

#signup-button {
    margin-left: -13px;
}

#signup-banner {    
    background-image: url(//dxuu1kmv6dm3n.cloudfront.net/frontpage/signup.png);
    background-repeat: no-repeat;
    width: 271px;
    
    font-family: Arial,Helvetica,sans-serif;
    color: #FFFFFF;
    font-size: 13px;
    text-align: center;
    margin-left: -26px;
    margin-top: 0px;
}

#signup-banner .big {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    top: 50px;
}

#signup-banner .price-line {
    position: relative;
    font-size: 12px;
    font-weight: normal;
    top: 60px;
}

#signup-banner .free-line {
    position: relative;
    font-size: 12px;
    font-weight: normal;
    color: #eee;
    top: 40px;
}

#tour-banner {
    float: left;
    background-image: url(../images/learn-more.png);
    background-repeat: no-repeat;
    width: 225px;
    height: 146px;
    font-family: Arial;
    color: #FFFFFF;
    font-size: 14px;
    padding: 40px 12px 32px 12px;
    text-align: center;
}

#tour-banner  .big {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5em;    
}

#signup-box {
    width: 575px;
    float: left;
    background-color: transparent;
}

#signup-box #top-left {
    background: transparent url(../images/plan/box-upper-left-corner.png) no-repeat;
    float: left;
    width: 46px;
    height: 44px;
}

#signup-box #top-side {
    background: transparent url(../images/plan/box-top-side.png) repeat-x;
    float: left;
    width: 483px;
    height: 44px;
}

#signup-box #top-right {
    background: transparent url(../images/plan/box-upper-right-corner.png) no-repeat;
    float: left;
    width: 46px;
    height: 44px;
}

#signup-box #bottom-left {
    background: transparent url(../images/plan/box-bottom-left-corner.png) no-repeat;
    float: left;
    width: 46px;
    height: 44px;
}

#signup-box #bottom-right {
    background: transparent url(../images/plan/box-bottom-right-corner.png) no-repeat;
    float: right;
    width: 46px;
    height: 44px;
}

#signup-box #bottom-side {
    background: transparent url(../images/plan/box-bottom-side.png) repeat-x;
    float: left;
    width: 483px;
    height: 44px;
}

#signup-box #main-content {
    float: left;
    width: 100%;
}

#signup-box #main-content #left-side {
    background: transparent url(../images/plan/box-left-side.png) repeat-y;
    float: left;
    width: 46px;
    height: 1000px;
}

#signup-box #main-content #right-side {
    background: transparent url(../images/plan/box-right-side.png) repeat-y;
    float: right;
    width: 46px;
    height: 1000px;
}

#signup-box #main-content #center-block {
    float: left;
    width: 483px;
    background-color: #E7E8EA;
    height: 1000px;
}

#project-form {
    position: relative;
    margin-left: 0px;
    margin-top: -24px;
}

.plus_block2 {
    width: 512px;
}

.plus_block2 .top {
    background: transparent url(../images/plan/plus-back-top2.png) no-repeat;
    width: 512px;
    height: 31px;
}

.plus_block2 .middle {    
    clear: both;
    padding: 0 17px 6px 18px;
    font-family: Arial;
    font-size: 13px;
    background: transparent url(../images/plan/plus-back-middle2.png) repeat-y;
}

.plus_block2 .bottom {
    background: transparent url(../images/plan/plus-back-bottom2.png) no-repeat;
    width: 512px;
    height: 32px;
}

.plus_block {
    width: 507px;
    margin: 8px 0;
}

.plus_block .top {
    background: transparent url(../images/plan/plus-back-top.png) no-repeat;
    width: 507px;
    height: 32px;
}

.plus_block .middle {
    background: transparent url(../images/plan/plus-back-middle.png) repeat-y;
    height: 260px;
    padding: 0 0 0 12px;
    font-family: Arial;
    font-size: 13px;
}

.plus_block .middle .right {
    float: right;
    margin-right: 40px;
}

.plus_block .middle .price {
    font-size: 15px;
    color: #000;
}

.plus_block .middle .qmark {
    vertical-align: top;
    padding: 4px;
}

.plus_block .middle ul {
    list-style-type: none;
    padding-left: 0;
}

.plus_block .middle ul li {
    font-size: 11px;
    margin-top: 12px;
    line-height: 1.5em;
    padding: 0 40px 0 0;
    list-style-type: none;

}

.plus_block .middle ul li .feature {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5em;
    color: #000;
}

.plus_block .middle ul li .feature_details {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5em;
    color: #000;
    font-size: 12px;
}

.plus_block .bottom {
    background: transparent url(../images/plan/plus-back-bottom.png) no-repeat;
    width: 507px;
    height: 32px;
}

.bubble {
    background: transparent url(../images/plan/bubble.png) no-repeat;
    width: 180px;
    height: 140px;
    position: absolute;
    top: 100px;
    left: 100px;
    color: #A8ACAF;
    font-size: 18px;
    font-family: Arial;
    padding: 48px 16px 16px 48px;
    line-height: 1.5em;
}


.gl-frame {
    float: left;
    background-color: transparent;
    clear: both;
}

.gl-frame #top-left {
    background: transparent url(../images/plan/box-upper-left-corner.png) no-repeat;
    float: left;
    width: 46px;
    height: 44px;
}

.gl-frame #top-side {
    background: transparent url(../images/plan/box-top-side.png) repeat-x;
    float: left;
    width: 512px;
    height: 44px;
}

.gl-frame #top-right {
    background: transparent url(../images/plan/box-upper-right-corner.png) no-repeat;
    float: left;
    width: 46px;
    height: 44px;
}

.gl-frame #bottom-left {
    background: transparent url(../images/plan/box-bottom-left-corner.png) no-repeat;
    position: relative;
    
    float: left;
    width: 46px;
    height: 44px;
}

.gl-frame #bottom-right {
    background: transparent url(../images/plan/box-bottom-right-corner.png) no-repeat;
    float: left;
    width: 46px;
    height: 44px;
    position: relative;
    
}

.gl-frame #bottom-side {
    background: transparent url(../images/plan/box-bottom-side.png) repeat-x;
    float: left;
    width: 512px;
    height: 44px;
    position: relative;
}

.gl-frame #main-content {
    position: relative;
    width: 100%;
    clear: both;
}

.gl-frame #main-content #left-side {
    background: transparent url(../images/plan/box-left-side.png) repeat-y;
    top: 0;
    left: 0;
    position: absolute;
    width: 46px;
    height: 100%;
}

.gl-frame #main-content #right-side {
    background: transparent url(../images/plan/box-right-side.png) repeat-y;
    top: 0;
    right: 0;
    position: absolute;
    width: 46px;
    height: 100%;
}

.gl-frame #main-content #center-block {
    margin-left: 46px;
    width: 512px;
    background-color: #E7E8EA;
    padding: 16px 0;
}

.copyright {
    text-align : center;
    font-size: 14px;
    font-family: Verdana;
    clear: both;
    margin-top: 48px;
    margin-bottom: 16px;
    position: relative;
}

#back-background {
    background: transparent url(../images/plan/gradient-background.png) repeat-x;
    position: absolute;
    height: 1212px;
    top: 414px;
    display: block;
    clear: both;
    left: 0px;
    right: 0px;
}

#green-back {
    color: #8CC63F;
    position: absolute;
    height: 1212px;
    top: 414px;
    display: block;
    clear: both;
    left: 0px;
    right: 0px;
}


.helptext {
    width: 240px;
    border: 2px solid #CDCCCC;
    background-color: #D5D5D5;
    padding: 8px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 1000;
    line-height: 1.5em;
    font-family: Arial;
    font-size: 12px;
}

.plan_button {
    background-image: url(../images/button_create_gradient.png);
    background-repeat: repeat-y;
    width: 200px;
    height: 35px;
    text-align: center;
    border: 1px solid #111;
    padding: 8px;
    vertical-align: middle;
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
}


.gl_big_button {
    background: transparent url(../images/plan/button-back.png) repeat-x;
    text-align: center;
    padding: 14px 0;
    width: 219px;
    height: 20px;
    cursor: pointer;
    color: #111;
    text-decoration: none;
    font-size: 16px;
}

.gl_big_button:hover {
    text-decoration: none;
}

.bounty .field {
    margin-bottom: 24px;
    width: 200px;
}

.bounty .field .title {
    text-align: left;
    font-size: 16px;
    width: 100%;
}

.bounty .field .value {
    margin-top: 24px;
    text-align: right;
    font-weight: bold;
    font-size: 16px;
    width: 100%;
}

.bounty .field .price {
    color: #0781A3;
    font-size: 24px;
}

.bounty .field .deadline {
    font-weight: normal;
    color: #0781A3;
    font-size: 20px;
}

.bounty .selected_languages {
    margin: 8px;
    background-color: #CCC;
    padding: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    height: 300px;
    overflow: auto;
}

.bountylanguage {
    list-style-type: none;
    width: 320px;
    height: 240px;
    overflow: auto;
    padding: 0;
    margin-top: 0px;
}

.bountylanguage li {
    font-size: 14px;
    padding: 4px 0;
}

#bounty_nb_language {
    font-weight: bold;
}

#bountyDialog {
    font-family: Arial;
    font-size: 12px;
    line-height: 1.5em;
}

.entry {
    width: 520px;
    margin-top: 16px;
    clear: both;
}

.entry .choice {
    width: 40px;
    float: left;
    
}

.entry .text {
    float: left;
    width: 480px;
}

.entry .text .title {
    font-weight: bold;
}

.entry .clearfx {
    clear: both;
}

#item_checkout {
    margin-left: 18px;
    width: 167px;
    float: left;
    height: 43px;
    padding: 2px 0;
}

#item_checkout img {
    margin-top: 0px;
}

.tourpage {
    font-size: 14px;
    width: 700px;
}

.tourBanner {    
    padding-top: 44px;
    text-align: center;
}

.tourpage .header {
    background-color: #F3F3F4;
    width: 560px;
    padding: 8px;
    text-align: center;
    margin: 22px auto;
    font-size: 13px;
    font-weight: bold;
}

.tourpage .innerblock {
    width: 560px;
    margin: 8px auto;
}

.tourpage .title {
    font-weight: bold;
    font-size: 22px;
    
}

.tourpage .features {
    width: 560px;
    margin: 4px auto;
}

.tourpage .features td {
    padding-bottom: 12px;
}

.tourpage .features td.info {
    padding-top: 4px;
    vertical-align: top;
}
.tourpage .features td.screenshot img {
    width: 223px;
}


.tourpage .features td.number {
    font-size: 32px;
    font-weight: bold;
    width: 40px;
    padding: 0 8px;
}

#myCanvas {    
    position: absolute;
    top: 24px;
    right: -515px;
}

.gl_popup {
    background-color: transparent;
    position: fixed;
}

.gl_popup #top-popup {
    position: absolute;
    left: 20px;
}

.gl_popup #main-pad {
    position: absolute;
    top: 19px;
    width: 210px;
    min-height: 100px;
    padding: 10px;
    background-color: #E7E7E8;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

#topTranslatorBox {    
    
}

#topTranslatorBox #topTranslatorContent {
    font-size: 12px;
    line-height: 1.5em;
    margin-top: 8px;
}