/*Modules Look and feel */
.CMSControl
{
	padding: 10px;
	float:left;
}

/******************/
/* OFORM          */
/******************/
.OFormControl
{
    display:inline-block;
    width:100%;
}
.FieldTitle
{
    float:left;
    width: 100px;
    display:inline-block;   
    
}
.FormField
{
    float:left;
}

/******************/
/*Contact box          */
/*****************/
.FC_WebContactUs
{
	display:block;
	padding: 5px 30px 5px 30px;
}

.FC_WebContactUs .TextArea
{
	display:block;
	float:left;
	padding-right:10px;
}
.FC_WebContactUs .Bottom
{
	Clear:both;
}

.FC_WebContactUs .AddressBox
{
}
.FC_WebContactUs .ContactBox
{
}
.FC_WebContactUs .FieldTitle
{
	font: bold 1.0em/1.0em Arial, sans-serif; color: #615a4b;
}

.FC_WebContactUs .Field
{
	font: 0.8em/1.1em Arial, sans-serif; color: #000000;
}

.FC_WebContactUs .MapBox
{
display:block;
}

.FC_WebContactUs .gmap
{		
	display:block;
	width:200px;
	height:250px;
	float:right;	
}


/******************/
/*Document           */
/****************/
.FC_WebDocument
{
	padding: 5px 15px 5px 15px;
}


/******************/
/*Advert Module  */
/*****************/

#LeftColumn .FC_WebAdvert
{

	padding-top: 30px;
}


/******************/
/*Image Module  */
/*****************/
/*____HORIZONTAL SCROLL_________________
/*____________________________________*/

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/

.scrollable {
	/* required settings */
	position: relative;
	overflow: hidden;
	width: 510px;
	height: 302px;
	margin-left: 0px;
	border:solid 3px #999;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/

.scrollable .items {
	/*this cannot be too large */
	width: 20000em;
	position: absolute;
	clear: both;
}

.items div {
	float: left;
	width: 910px;
	margin-left: 0px;
	background: transparent;
}

/* single scrollable item */

.scrollable img {
	float: left;
	margin: 0px 36px 0px 0px;
	background-color: transparent;
	padding:5px;
	width: 500px;
	height: 292px;
}

/* active item */

.scrollable .active {
	border: 0px solid #000;
	position: relative;
	cursor: default;
}

/*______________________________________
/*__END HORIZONTAL SCROLL_______________
/*____________________________________*/
/*__SCROLLABLE BUTTONS______________
/*______________________________________

/* this makes it possible to add next button beside scrollable */

.scrollable {
	float:left;
}

/* prev, next, prevPage and nextPage buttons */

a.browse {
	background-image:url(../Styles/Images/btn_scroll.jpg);
	background-repeat:no-repeat;
	display: block;
	width: 30px;
	height: 292px;
	float: left;
	margin: 70px 0px;
	cursor: pointer;
}

/* right */

a.right {
	;background-position: -60px -0px;
	clear: right;
	margin-right: 0px;
}

a.right:hover {
	background-position: -90px -0px;
}

/* left */

a.left {
	background-position: -0 -0px;
}

a.left:hover {
	background-position: -30px 0;
}

/* up and down */

a.up, a.down {
	background-image:url(../Styles/Images/btn_scroll.jpg);
	background-repeat:no-repeat;
	float: none;
	margin: 0px 0px;
}

/* up */

a.up:hover {
	background-position: -30px 0;
}

a.up:active {
	background-position: -60px 0;
}

/* down */

a.down {
	background-position: 0 -30px;
}

a.down:hover {
	background-position: -30px -30px;
}

a.down:active {
	background-position: -60px -30px;
}

/* disabled navigational button */

a.disabled {
	visibility: hidden !important;
}

/*______________________________________
/*__END SCROLLABLE BUTTONS______________
/*______________________________________*/

/******************/
/*Video Module  */
/*****************/
.VidHolderA
{
	float:left;
	background-color:Gray;
	cursor:pointer;
	width: 134px;
}
.VidHolderA .video
{
	padding:32px 49px 32px 49px;
	background-color:White;
	border-top: solid 1px black;
	border-left: solid 1px black;	
	border-right: solid 1px black;	
		
}

.FC_WebVideo .DocInfo
{	
	background-color:Gray;
	padding-left:10px;
	padding-right:10px;
	margin: 0;
}
.FC_WebVideo
{	
}
/******************/
/*Sound Module  */
/*****************/
.SoundHolder
{
	float:left;
	padding-left:50px;
	background-color:Gray;
	cursor:pointer;
	width: 134px;
}
/******************/
/*Download Module  */
/*****************/
.FC_WebDownload
{
	
}

.FC_WebDownload .alt
{
	background-color:Gray;
}

.FC_WebDownload  h3
{ 
	font: bold 1.2em/1em Arial, sans-serif; color: red; 
	margin:0;
}
.FC_WebDownload .DownloadTile
{
	padding-left: 40px;
	padding-top: 10px;
	padding-top: 10px;
	background-image: url("../Styles/images/Download.png");
	background-repeat:no-repeat;
	background-position: left center;
}

.FC_WebDownload .txt
{
	background-image: url("../Styles/images/text.png");
}
.FC_WebDownload .xls
{
	background-image: url("../Styles/images/excel.png");
}
.FC_WebDownload .xls
{
	background-image: url("../Styles/images/fla.png");
}
.FC_WebDownload .csv
{
	background-image: url("../Styles/images/csv.png");
}
.FC_WebDownload .exe, .FC_WebDownload .dll
{
	background-image: url("../Styles/images/exe.png");
}
.FC_WebDownload .zip, .FC_WebDownload .gz
{
	background-image: url("../Styles/images/zip.png");
}
.FC_WebDownload .mp3, .FC_WebDownload .midi,.FC_WebDownload .wav
{
	background-image: url("../Styles/images/music.png");
}
.FC_WebDownload .avi,.FC_WebDownload .mov
{
	background-image: url("../Styles/images/movie.png");
}
.FC_WebDownload .pdf
{
	background-image: url("../Styles/images/pdf.png");
}

.FC_WebDownload .jpg,.FC_WebDownload .png
{
	background-image: url("../Styles/images/jpg32.png");
}

.GalleryScrollbar
{
	background-color:Red;
}

.OuterContainer
{
	border:solid 1px red;
}
.DocTitle
{
	bottom:0;
	background-color:Beige;
}
.BigScreenContainer
{
	height:200px;
	background-color:Azure;
	float:left;	
	
}
.TitleArea
{
	background-color:Beige;
	float:left;
}
/*
.SelectionStrip
{
	position:absolute;
}
.GalleryScrollbar
{
	display:inline-block;
	background-color:Red;
}


.slider {position:relative; overflow:hidden; border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
.slidercontent {position:absolute}
.slidercontent .upper {border-bottom:1px solid #9ac1c9}
*/