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

body {
    background-color: #FFF;
}

.front-header {
    top: 60px;
    left: 0px;
    width: 100%;
    height: 400px;
    position: absolute;
    background-image: url('/media/frontpage/back.png');
    background-repeat:repeat-y;
    background-color: #b2d234;
}

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

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

.tab {
		position: relative;
    float: left;
    background-image: url('/media/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: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: #fff;
}

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

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

.alpha_button
{
    position: absolute;
    top:-28px;
    left:200px;
    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 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;
    width: 450px;
    float: left;
  

}

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

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

.tour-background
{
	position: absolute;
	top: 400px;
	left: 0px;
	width: 100%;
	height: 150px;
	background-image: url('/media/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;
}

#content-section3 {
    height: 150px;
    padding-left: 50%;
    padding-top: 5px;
    margin-left: -400px;
}


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

#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
{
    position: absolute;
    margin-left: auto;
    margin-right: auto;

}

.info-section
{
    float: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    line-height: 1.2;
    font-size: 14px;
    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-weight: bold;
    font-size: 16px;
}

#profile_left_column {
    margin: 0;
    padding: 8px;
    width: 50%;
    float: left;
}

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

table#profile_overview {
    margin: 0px 0px 16px 32px;
}

table#profile_overview td {
    padding: 4px;
}

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

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

#profile_overview_actions {
    margin-left: 32px;
}

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

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

ul.actions_list li {
    padding: 4px;
}

.components {
    margin: 4px 4px 4px 32px;
    padding: 0;
    width: 294px;
}

.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(/media/images/full_gradient.png) repeat-x top left;
    width: 200px;
    height: 20px;
}

.full_bar .progress {
    background: #8091A2 url(/media/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;
}

.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 #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/add.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 6px 4px 4px 22px;
    text-decoration: none;
    margin: 4px;
    font-family: Arial;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

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;
}

 {
    width: 150px;
    float: left;    
}

.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;
}

.plans-table {
    padding: 0;
    margin: 0;
    border-spacing: 1px 0;    
}

.plans-table th {    
    padding: 0;
    margin: 0;
    width: 140px;
    height: 32px;
    color: #FFF;
    text-align: center;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    background : url("../images/plan_header_gradient_unselect.png") repeat-y;
    -moz-border-radius-topleft: 1ex;
    -moz-border-radius-topright: 1ex;
    -webkit-border-top-left-radius: 1ex;
    -webkit-border-top-right-radius: 1ex;
}

.plans-table th.selected {
    font-weight: bold;
    width: 151px;
    background : url("../images/plan_header_gradient_select.png") repeat-y;
}

.plans-table tr.header {    
}

.plans-table tr.header td {
    padding: 0;
    margin: 0;
    width: 140px;    
    color: #484B38;
    text-align: center;
    font-family: Arial;
    font-size: 18px;
    background : None;
    background-color: #FFF;    
}

.plans-table tr.header td img {
    display: block;
}

.plans-table tr.odd td {
    padding: 0;
    margin: 0;
    width: 140px;
    height: 40px;
    color: #484B38;
    text-align: center;
    font-family: arial;
    font-size: 18px;
    background : url("../images/plan_odd_unselect_gradient.png") repeat-y;
}

.plans-table tr.even td {
    padding: 0;
    margin: 0;
    width: 140px;
    height: 40px;
    color: #484B38;
    text-align: center;
    font-family: arial;
    font-size: 18px;
    background : url("../images/plan_even_unselect_gradient.png") repeat-y;
}

.plans-table tr.odd td.selected {
    width: 150px;
    font-weight: bold;
    background : url("../images/plan_odd_select_gradient.png") repeat-y;
}

.plans-table tr.odd td.single {
    background : url("../images/plan_single_odd_select_gradient.png") repeat-y;
}

.plans-table tr.odd td.prof {
    background : url("../images/plan_prof_odd_select_gradient.png") repeat-y;
}

.plans-table tr.odd td.enterprise {
    background : url("../images/plan_enterprise_odd_select_gradient.png") repeat-y;
}

.plans-table tr.even td.selected {
    font-weight: bold;
    width: 150px;
    background : url("../images/plan_even_select_gradient.png") repeat-y;
}

.plans-table tr.even td.single {
    background : url("../images/plan_single_even_select_gradient.png") repeat-y;
}

.plans-table tr.even td.prof {
    background : url("../images/plan_prof_even_select_gradient.png") repeat-y;
}

.plans-table tr.even td.enterprise {
    background : url("../images/plan_enterprise_even_select_gradient.png") repeat-y;
}

.plans-table tr.odd td.label {
    background : url("../images/plan_label_odd_gradient.png") repeat-y;
    width: 140px;
    font-size: 14px;
}

.plans-table tr.even td.label {
    background : url("../images/plan_label_even_gradient.png") repeat-y;
    width: 140px;
    font-size: 14px;
}

.plans-table tr.header td.blank, .plans-table th.blank {
    background-color: transparent;
    background-image: None;
    width: 140px;
}

.signup_button {
    padding: 2px 16px;
    border: 0px;
    margin: 0;    
    color: #555;
    text-align: center;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    background : url("../images/plan_signup_gradient.png") repeat-y;
    -moz-border-radius: 2ex;
    -webkit-border-radius: 2ex;
}

.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("/media/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;
}