body
{
    background-image: url('Images/bg.png');
    /* background-repeat: no-repeat; */
    background-color: rgb(218, 218, 218);
    font-family: Sans-Serif;
    font-size: 12px;
    background-size: auto 100%;
    margin: 0;
	background-attachment: fixed;
}

body a
{
	color: #000000;
}

#SiteContainer
{
	width: 100%;
}

#Header
{
	width: 900px;
    margin: 0px auto 0px auto;
    padding: 20px 40px 20px 40px;
    overflow: hidden;
	background-color: #FFFFFF;
}

#Main
{
    width: 900px;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 40px 20px 40px;
	background-color: #FFFFFF;
}

#Footer
{
	width: 900px;
    margin: 0px auto;
    padding: 20px 40px 20px 40px;
	background-color: #FFFFFF;
}

span.bold
{
	font-weight: bold;
}

span.red
{
	color: #FF0000;
}

span.underline
{
	text-decoration: underline;
}

span.small
{
	font-size: 10px;
}

span.asterisk 
{
    font-weight: bold;
    font-size: 18px;
    vertical-align: top;
}

.RadAjaxPanel
{
	overflow: hidden;
}

.RadAjaxPanel div:first-child
{
	overflow: hidden;
}

.RadAjax
{
	padding: 10px;
	margin: -10px 0px 0px -10px;
}

.RadAjax .raColor
{
	border-radius: 3px;
}

.RadInput
{
	width: 222px;	
}

.RadInput input,
.RadAsyncUpload input
{
	font-size: 14px !important;
	height: 35px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	font-family: Sans-Serif !important;
	border-radius: 3px;
}

.RadInput textarea
{
	font-size: 14px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	font-family: Sans-Serif !important;
	border-radius: 3px;
}

.RadInput .riError
{
	background: white no-repeat url('Images/error.png') 98% 9px !important;
}

.RadTabStrip .rtsLink.error
{
	color: #FF0000 !important;
}

.RadListBox .rlbGroup
{
	border: solid 1px;
	border-color: #8e8e8e #b8b8b8 #b8b8b8 #8e8e8e !important;
	border-radius: 3px;
}

.RadListBox .rlbItem .rlbText
{
	font-family: Sans-Serif !important;
}

.RadListBox .rlbDelete .rlbButtonText
{
	background-position: 1px -52px !important;
}

.RadListBox .rlbDeleteDisabled .rlbButtonText
{
	background-position: -199px -52px !important;
}

.RadComboBox
{
	margin-top: -1px;
	overflow: hidden;
	border: solid 1px;
	border-color: #8e8e8e #b8b8b8 #b8b8b8 #8e8e8e !important;
	border-radius: 3px;
}

.RadComboBox .rcbInputCell input
{
	height: 30px;
}

.RadComboBox .rcbInputCell,
.RadComboBox .rcbArrowCell
{
	border: none !important;
	background-color: #e3e3e3 !important;
	background-image: -webkit-linear-gradient(top,#FFFFFF 0,#FFFFFF 100%) !important;
	background-image: -moz-linear-gradient(top,#FFFFFF 0,#FFFFFF 100%) !important;
	background-image: -o-linear-gradient(top,#FFFFFF 0,#FFFFFF 100%) !important;
	background-image: -ms-linear-gradient(top,#FFFFFF 0,#FFFFFF 100%) !important;
	background-image: linear-gradient(top,#FFFFFF 0,#FFFFFF 100%) !important;
}

.RadComboBox .rcbHovered .rcbInputCell,
.RadComboBox .rcbHovered .rcbArrowCell
{
	border-color: #8e8e8e #b8b8b8 #b8b8b8 #8e8e8e !important;
	background-color: #e3e3e3 !important;
	background-image: -webkit-linear-gradient(top,#FFFFFF 0,#FFFFFF 100%) !important;
	background-image: -moz-linear-gradient(top,#FFFFFF 0,#FFFFFF 100%) !important;
	background-image: -o-linear-gradient(top,#FFFFFF 0,#FFFFFF 100%) !important;
	background-image: -ms-linear-gradient(top,#FFFFFF 0,#FFFFFF 100%) !important;
	background-image: linear-gradient(top,#FFFFFF 0,#FFFFFF 100%) !important;
}

.RadComboBox .rcbFocused .rcbInputCell,
.RadComboBox .rcbFocused .rcbArrowCell
{
	border-color: #8e8e8e #b8b8b8 #b8b8b8 #8e8e8e !important;
	background-color: #e3e3e3 !important;
	background-image: -webkit-linear-gradient(top,#FFFFFF 0,#FFFFFF 100%) !important;
	background-image: -moz-linear-gradient(top,#FFFFFF 0,#FFFFFF 100%) !important;
	background-image: -o-linear-gradient(top,#FFFFFF 0,#FFFFFF 100%) !important;
	background-image: -ms-linear-gradient(top,#FFFFFF 0,#FFFFFF 100%) !important;
	background-image: linear-gradient(top,#FFFFFF 0,#FFFFFF 100%) !important;
}

.RadComboBox .rcbHovered .rcbArrowCell a,
.RadComboBox .rcbFocused .rcbArrowCell a
{
	background-position: -13px -62px !important;
}

.RadComboBox .rcbHovered .rcbInput,
.RadComboBox .rcbFocused .rcbInput
{
	color: #000000 !important;
}

.RadComboBoxDropDown .rcbItem,
.RadComboBoxDropDown .rcbHovered,
.RadComboBoxDropDown .rcbDisabled
{
	padding: 5px !important;
}

.RadComboBoxDropDown .rcbHovered
{
	background-color: #CCCCCC !important;
}

.RadComboBoxDropDown .rcbHeader ul,
.RadComboBoxDropDown .rcbFooter ul,
.RadComboBoxDropDown .rcbItem ul,
.RadComboBoxDropDown .rcbHovered ul,
.RadComboBoxDropDown .rcbDisabled ul {
     margin: 0;
     padding: 0;
     width: 100%;
     display: inline-block;
     list-style-type: none;
}
 
.RadComboBoxDropDown .col1,
.RadComboBoxDropDown .col2 {
     margin: 0;
     padding: 0 5px 0 0;
     line-height: 14px;
     float: left;
}

.RadComboBoxDropDown .col1
{
	width: 60%;
}

.RadComboBoxDropDown .col2
{
	width: 35%;
}

.RadComboBoxDropDown .rcbHeader .col2
{
	width: 35%;
}

.RadComboBoxDropDown .col2 .icon
{
	float: right;
}

h1
{
	font-size: 24px;
	font-weight: normal;
}

h2
{
	font-size: 18px;
	font-weight: normal;
}

input[type=submit],
input[type=button]
{
	width: 150px !important;
	height: 40px !important;
	background-image: url('Images/btn_bg.png') !important;
	border: solid 1px #CCCCCC !important;
	border-radius: 3px !important;
}

.RadAsyncUpload .ruButton,
.RadAsyncUpload .ruRemove
{
	width: 80px !important;
	height: 40px !important;
	background-image: url('Images/btn_bg.png') !important;
	background-position: left top !important;
	border: solid 1px #CCCCCC !important;
	border-radius: 3px !important;
}

input[type=submit]:active,
input[type=button]:active,
.RadAsyncUpload .ruButtonHover
{
	background-position: left bottom !important;
}

.RadAsyncUpload .ruFileWrap.ruStyled
{
	height: auto;
}

.RadAsyncUpload .ruInputs input[type=button]
{
	margin-left: 10px;
}

.RadAsyncUpload .ruInputs li .ruUploadProgress
{
	font-family: Sans-Serif;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 168px;
	margin-top: 9px;
}

select
{
	width: 400px;
	height: 35px;
	border: solid 1px;
	border-color: #8e8e8e #b8b8b8 #b8b8b8 #8e8e8e !important;
	border-radius: 3px;
}

.line
{
	width: 100%;
	height: 1px;
	background-color: #AAAAAA;
	margin: 30px 0px 30px 0px;
}

p
{
	line-height: 25px;
}

#header-control a
{
	text-decoration: none;
	color: #888888;
	margin-right: 20px;
	display: inline-block;
	font-size: 16px;
}

#header-control a.on
{
	color: #000000;
	font-weight: bold;
}

#header-control	#menu
{
	float: left;
}

#header-control .logo
{
	display: block;
	margin-bottom: 20px;
}

#header-control	#logout
{
	float: right;
	margin-right: -20px;
}

#footer-control
{
	width: 100%;
	border-top: solid 1px #AAAAAA;
	padding-top: 15px;
	line-height: 25px;
	color: #555555;
}

#footer-control a
{
	color: #555555;
}

#login-control .left
{
	float: left;
	width: 576px;
	padding-right: 20px;
}

#login-control .right
{
	float: left;
	width: 304px;
	margin-top: 50px;
}

#login-control .RadInput
{
	width: 304px !important;
}

#login-control .register .checkbox input,
#login-control .register .button input
{
	width: auto;
}

#login-control .register .captcha-label
{
	font-size: 10px;
	float: left;
	margin-top: -11px;
}

#login-control .register span.password
{
	margin-top: 2px;
	float: left;
}

#login-control input[type=text].captcha-input
{
	width: 282px !important;
	height: 35px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	border-color: #8e8e8e #b8b8b8 #b8b8b8 #8e8e8e !important;
	font-size: 14px !important;
	border: solid 1px #CCCCCC;
	border-radius: 3px;
}

#message-field
{
	display: none;
	background-color: #FFFFFF;
	padding: 1px 20px 20px 20px;
	text-align: center;
}

#message-field textarea
{
	border: solid 1px;
	border-color: #8e8e8e #b8b8b8 #b8b8b8 #8e8e8e;
	border-radius: 3px;
	padding: 10px;
	margin-bottom: 20px;
	width: 600px;
}

#account-control #left
{
	float: left;
	width: 50%;
	line-height: 25px;
}

#account-control #right
{
	float: left;
	width: 50%;
	line-height: 25px;
}

#account-control #right #spacer
{
	width: 100%;
	height: 60px;
}

#account-control .RadInput
{
	width: 400px !important;
}

#account-control .RadButton input
{
	width: auto;
}

#account-control .rgEditForm
{
	padding: 5px;
}

#account-control .rgEditForm input
{
	width: 172px !important;
	height: 35px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	margin-left: 20px;
	margin-right: 10px;
	font-size: 14px !important;
	border: solid 1px #CCCCCC;
	border-radius: 3px;
}

#account-control .rgEditForm td
{
	font-family: Sans-Serif;
}

#account-control .rgEditForm a
{
	width: 150px !important;
	height: 28px !important;
	background-image: url('Images/btn_bg.png');
	border: solid 1px #CCCCCC;
	border-radius: 3px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	padding-top: 12px;
	margin: 5px 5px 0px 0px;
}

#account-control .rgEditForm a:active
{
	background-position: left bottom;
}

#myprojects-control .document-history
{
	height: 0px;
	overflow: hidden;
}

#myprojects-control .document-history.open
{
	height: auto;
}

#myprojects-control .producer-doc h6 {
	font-size: 12px;
	margin: 1em 0 0 0;
}

#applications-control #flags,
#applications-control #banners {
	width: 100%;
	overflow: hidden;
}

#applications-control #banners 
{
}

#applications-control #banners #subtypes 
{
    display: none;
}

#applications-control #flags .flag,
#applications-control #banners .banner,
#applications-control #banners .subbanner,
#applications-control #banners .parentbanner 
{
	float: left;
	width: 200px;
	opacity: 0.5;
	margin-right: 20px;
	transition: 0.5s opacity;
	-webkit-transition: 0.5s opacity;
	cursor: pointer;
}

#applications-control #banners .banner,
#applications-control #banners .subbanner,
#applications-control #banners .parentbanner
{
	width: 400px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 30px;
    color: #000000;
    margin-bottom: 20px;
    border: solid 1px;
    padding: 20px 20px 20px 200px;
    border-radius: 10px;
    background-image: url('/images/banner_logo.png');
    background-position: 10px center;
    background-repeat: no-repeat;
}

#applications-control #banners .subbanner {
	padding: 15px 15px 15px 150px;
	margin-left: 100px;
	font-size: 25px;
	width: 355px;
}

#applications-control #flags .flag:hover,
#applications-control #banners .banner:hover,
#applications-control #banners .subbanner:hover,
#applications-control #banners .parentbanner:hover
{
	opacity: 0.75;
}

#applications-control #flags .flag.selected,
#applications-control #banners .banner.selected,
#applications-control #banners .subbanner.selected,
#applications-control #banners .parentbanner.selected
{
	opacity: 1;
}

#applications-control #left,
#myprojects-control #left
{
	float: left;
	width: 350px;
	line-height: 25px;
}

#applications-control #right,
#myprojects-control #right
{
	float: left;
	width: 330px;
	line-height: 25px;
	padding-right: 20px;
}

#applications-control #help,
#myprojects-control #help
{
	float: left;
	width: 200px;
	line-height: 25px;
}

#applications-control .next,
#myprojects-control .next
{
	float: left;
	width: 100%;
	padding-top: 30px;
}

#applications-control select.large,
#myprojects-control select.large
{
	width: 300px;
	height: 40px;
}

#applications-control .note,
#myprojects-control .note
{
	font-size: 10px;
	color: Green;
}

#applications-control .multiPage,
#myprojects-control .multiPage
{
	margin-top: 20px;
}

#applications-control select,
#myprojects-control select
{
	width: 300px;
	margin-bottom: 5px;
}

#applications-control .RadInput,
#myprojects-control .RadInput
{
	width: 300px !important;
	margin-bottom: 5px;
}

#applications-control .RadInput.small,
#applications-control .RadInput .small,
#myprojects-control .RadInput.small,
#myprojects-control .RadInput .small
{
	width: 150px !important;
}

#applications-control select.small,
#myprojects-control select.small
{
	width: 130px !important;
}

#applications-control select.left,
#myprojects-control select.left
{
	margin-left: 20px;
}

#applications-control select.right,
#myprojects-control select.right
{
	margin-right: 20px;
}

#applications-control .RadPicker .RadInput,
#myprojects-control .RadPicker .RadInput
{
	width: 120px !important;
}

#applications-control .RadPicker .RadInput input,
#myprojects-control .RadPicker .RadInput input
{
	width: 120px !important;
}

#myprojects-control .intro {
	font-weight: bold;
}

#featurefilm-control .line
{
	width: 330px;
}

#featurefilm-control .summary-label 
{
	display: block;
	margin: 12px 0px 2px 0px;
	width: 250px;
	font-weight: bold;
}

#start-control .RadGrid_Default .rgMasterTable,
#account-control .RadGrid_Default .rgMasterTable
{
	font-family: Sans-Serif !important;
}

#start-control .RadGrid_Default .rgHeader,
#account-control .RadGrid_Default .rgHeader
{
	background: none !important;
}

#start-control .RadGrid_Default,
#account-control .RadGrid_Default
{
	border-radius: 3px;
}

#start-control .RadGrid_Default .rgRow,
#account-control .RadGrid_Default .rgRow,
#account-control .RadGrid_Default .rgEditRow
{
	background-image: url('Images/radgrid_row_bg.png');
	background-repeat: repeat-x;
	background-position: left bottom;
}

#start-control .RadGrid_Default .rgAltRow,
#account-control .RadGrid_Default .rgAltRow,
#account-control .RadGrid_Default .rgAltEditRow
{
	background-image: url('Images/radgrid_altrow_bg.png');
	background-repeat: repeat-x;
	background-position: left bottom;
}

#start-control .RadGrid_Default .rgRow td,
#start-control .RadGrid_Default .rgAltRow td,
#account-control .RadGrid_Default .rgRow td,
#account-control .RadGrid_Default .rgAltRow td,
#account-control .RadGrid_Default .rgEditRow td,
#account-control .RadGrid_Default .rgAltEditRow td
{
	border: none;
	padding: 10px;
}

#fant-listbox
{
	overflow: hidden;
	width: 330px;
	margin-right: 50px;
}

#fant-listbox fieldset {
	border-width: 1px;
    border-radius: 3px;
    border-style: solid;
}

#fant-listbox select,
#fant-listbox input[type=text].small
{
	width: 177px !important;
}

#fant-listbox .add-button
{
	width: 100px !important;
	margin-left: 20px;
}

#fant-upload .file-name
{
	float: left;
	width: 197px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#fant-upload .linked
{
	text-decoration: underline;
	cursor: pointer;
}

#fant-upload .file-delete
{
	float: left;
	width: 133px;
	margin-bottom: 5px;
}

#fant-upload .file-delete input
{
	width: 80px !important;
}

.chat
{
	position: fixed;
	right: 10px;
	top: 50%;
	margin-top: -35px;
	cursor: pointer;
	transition: right 0.5s 0.5s;
}

.chat.open
{
	right: -68px;
	transition: right 0.5s;
}

#chat-window
{
	position: fixed;
	width: 500px;
	height: 792px;
	right: -500px;
	top: 50%;
	margin-top: -350px;
	background-color: #FFFFFF;
	transition: right 0.5s;
}

#chat-window h2
{
	margin: 10px;
}

#chat-window.open
{
	right: 10px;
	transition: right 0.5s 0.5s;
}

#chat-window #inputs
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 5px;
	white-space: nowrap;
}

#chat-window #inputs .RadInput
{
	width: 337px!important;
	margin-bottom: 0px;
}

#chat-window #inputs input[type='submit']
{
	vertical-align: bottom;
}

#chat-window #progress
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.5);
}

#chat-window ul
{
	list-style: none;
	padding: 10px;
	margin: 0px;
	height: 634px;
	overflow-y: scroll;
}

#chat-window ul li
{
	padding: 10px;
	margin: 0px;
	clear: both;
	border-radius: 5px;
	margin-bottom: 10px;
	max-width: 400px;
	position: relative;
}

#chat-window ul li.myfant
{
	background-color: #84B41E;
	float: right;
	color: #FFFFFF;	
}

#chat-window ul li.fant
{
	background-color: #CCCCCC;
	float: left;
}

#chat-window ul li.old
{
	margin: 0 auto 10px auto;
	background-color: #888888;
	color: #FFFFFF;
}

#chat-window ul li .arrow
{
	position: absolute;
	bottom: 0px;
	width: 20px;
	height: 20px;
}

#chat-window ul li.myfant .arrow
{
	right: -10px;
	background-image: url('../../Images/arrow_green.png');
}

#chat-window ul li.fant .arrow
{
	left: -10px;
	background-image: url('../../Images/arrow_gray.png');
}

#chat-window .hidden-apy-ids 
{
	display: none;
}

#chat-window .signature
{
	font-size: 10px;
}

#cover
{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #000000;
	display: none;
}

#upload-control .files .dir,
#upload-control .files .file {
	height: 20px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 30px;
	padding-left: 50px;
	padding-top: 10px;
	margin-bottom: 10px;
}

#upload-control .files .dir {
	background-image: url(../../Images/computer-folder-open.png);
}

#upload-control .files .file {
	background-image: url(../../Images/file-line.png);
}

#upload-control .saving {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	z-index: 1000;
	display: none;
}

	#upload-control .saving .text {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
		color: #FFFFFF;
		font-size: 30px;
		font-weight: bold;
		text-shadow: 0px 0px 20px rgba(0,0,0,0.7);
	}