body {
	background: url(../img/main-bg.gif) repeat;
	font-family: Verdana, Tahoma, arial, sans-serif;
	margin-top: 30px;
}

label {
	font-weight: bold;
	font-size: 12px;
	color: #444;
}

input, textarea {
	padding: 4px;
	border: 1px solid #ccc;
    font-family: Verdana, Tahoma, arial, sans-serif;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

img {
	border: 0; 
}

.center{
    text-align:center;
}

.gap-top {
    margin-top: 10px;
}
.gap-top-20 {
    margin-top: 20px;
}
.gap-bottom {
    margin-bottom: 10px;
}
.gap-left {
    margin-left: 10px;
}
.gap-right {
    margin-right: 10px;
}

.logo {
    margin-bottom: 20px;
}

.error_message {
	padding: 3px;
	color: red; 
	font-size: 10px;
}

.button {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
    cursor: pointer;
}
.button.blue {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
}
.button.blue:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}

a.tooltip {
     outline: none; 
 } 
a.tooltip strong {
     line-height:30px;
 } 
a.tooltip:hover {
    text-decoration:none;
} 
a.tooltip span { 
    z-index:10;
    display:none; 
    padding:14px 20px; 
    margin-top:-30px; 
    margin-left:28px; 
    width:240px; 
    line-height:16px; 
    font-size: 12px;
} 
a.tooltip:hover span { 
    display:inline; 
    position:absolute; 
    color:#111; 
    border:1px solid #DCA; 
    background:#fffAF0;
} 
a.tooltip span .callout {
    z-index:20;
    position:absolute;
    top:30px;
    border:0;
    left:-12px;
} 
a.tooltip span { 
    border-radius:4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    -moz-box-shadow: 5px 5px 8px #CCC; 
    -webkit-box-shadow: 5px 5px 8px #CCC; 
    box-shadow: 5px 5px 8px #CCC; 
}

form#transliteration input,textarea {
    font-size: 12px;
}
form#transliteration select {
    font-size: 15px;
}
form#transliteration .tooltip {
    text-align: left;
}

#editor_panel {
    width: 500px;
    margin: 15px auto;
}

#add_accelerator {
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    color:#336699;
    cursor:pointer;
    padding:5px 10px 6px 7px;
}
#add_accelerator:hover {
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

hr {
	border: 0; 
	color: #4876FF; 
	background-color: #4876FF; 
	height: 3px;
	margin-top: 40px;
}


#footer {
	width: 300px;
	margin: auto;
	margin-top: 10px;
	font-size: 10pt;
    text-align: center;
}