﻿/*//////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////   BASIC    ////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/
html
{
    /*background-color: #d0d0d0;*/
    background-color: black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;    
    line-height:17px;
    margin: 0px;
}
body
{
    margin: 0px;
    color:#171717;
}

.PoweredBy
{
    font-size: 80%;
    color: White;
    letter-spacing: 1px;
}

.PoweredBy a, .PoweredBy a:visited, .PoweredBy a:active, .PoweredBy a:hover
{
    font-size: 90%;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}

p, .paragraph
{
    margin: 10px 0;
    padding: 0px;
}

a, a:visited
{
    color: #0798d3;
    text-decoration: none;
}
a:hover
{
    color: navy;
    text-decoration: underline;
}
a:active
{
    color: #212260;
    text-decoration: none;
}
input
{
    font-size: 100%;
}

TEXT, TEXTAREA
{
    font-size: 100%;
    padding: 4px;
    margin: 4px;
}

ul
{    
    margin: 8px 5px 0 20px;
    padding:0px;
}

li 
{
    margin-bottom:8px;    
}

.Button
{
    font-size: 14px !important;
}

.TextBox
{
    padding: 2px;
}

HR
{
    height: 0px !important;
    border-top: solid 1px #77beea;
    border-bottom: solid 1px #272868;
}

IMG
{
    border: 0px;
    margin:0px;
}

H1
{
    font-size: 150%;
    font-weight: bold;
    color: #595959;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}
H2
{
    font-size: 140%;
    font-weight: bold;
    color: #595959;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 1px;
    padding-right: 1px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}
H3
{
    font-size: 130%;
    font-weight: bold;
    color: #595959;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 1px;
    padding-right: 1px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}
H4
{
    font-size: 120%;
    font-weight: bold;
    color: #595959;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 1px;
    padding-right: 1px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}
H5
{
    font-size: 110%;
    font-weight: bold;
    color: #595959;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 1px;
    padding-right: 1px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}
TH, TR, TD
{    
    font-size: 100%;
    vertical-align:top;
}

Input
{    
    font-size: 100%;
}

.Select
{
    font-size: 100%;
}
.Transparent
{
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.HtmlContent IMG
{
    margin:5px;            
}

/*//////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////  INTRO /// ////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/
.IntroTemplate
{
    background-image: url(/images/IntroBackgroundNew.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    width: 1117px;
    height: 740px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}
.IntroTemplate .Links
{
    height: 64px;
    margin-right: 40px;
}
.IntroTemplate .Links a
{
    color: White;
    font-size: 130%;
}
.IntroTemplate TD
{
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: middle;
    text-align: center;
}

/*//////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////  ADVANCED  ////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/
.ModuleError
{
    width: 80%;
    text-align: center;
    border: dotted 1px red;
}
.ModuleError TD
{
    color: Red;
    font-weight: bold;
    font-size: 80%;
}

/* This is a Class set in all Modules Containers*/
.Uddeholm
{
    color: #181941;
    background-color: White;
}

.Uddeholm a, .Uddeholm a:visited, .Uddeholm a:active
{
    font-size: 100%;
}


/* Contains all Full Template of the Site - Repeats a Vertical Background */
.UddeholmTemplate
{
}
.UddeholmTemplate TR, .UddeholmTemplate, TD, .UddeholmTemplate.TH
{
    vertical-align: top;
}

/* Contains the Background of the Section that does not repeat (all except footer) 
   Together with [UddeholmTemplate] above completes the Template that can be expanded in Height (except Footer).*/
.UddeholmTemplateTop
{
}
/* Contains the Background of the Footer that is not Repeated and ends the above Templates. */
.UddeholmTemplateFooter
{
    height: auto;
}
/* Contains the Contents of the Header (actual Html) */
.UddeholmHeader
{
    width: 1000px;
    height: 70px;
}

/* Declares the Body of the Template (Html that can be Expanded in Height)  */
.UddeholmBody
{
    width: 1000px;
    height: 550px;
}
/* The Body splits, having a Left Side: */
.UddeholmBodyLeft
{
    padding-top: 0px;
    text-align: left;
}
/* The body's left-side non-expandable container */
.UddeholmBodyLeftDiv
{
    overflow: hidden;
    width: 138px !important;
    overflow: hidden;
    float: right;
}
/* The Body splits, having a Center Side: */
.UddeholmBodyCenter
{
    background-color: White; /*background-image: url(/images/bodyback.jpg); 	background-repeat:no-repeat;*/
    width: 680px !important;
    height: 530px;
}
/* The Body splits, having a Right Side: */
.UddeholmBodyRight
{
    width: 182px !important;
    text-align: center;
}
/* Contains the Html of the Footer Section */
.UddeholmFooter
{
    color: #c4c4c4;
    width: 1000px;
    height: auto;
    font-size: 90%;
}
.UddeholmFooterLeft
{
    width: 10px;
    font-size: 90%;
}
.UddeholmFooterRight
{
    font-size: 90%;
}
/* The Style of the Footer */
.UddeholmFooter a
{
    color: #303030;
    text-decoration: none;
    font-size: 90%;
}
.UddeholmFooter a:hover
{
    color: #000;
    text-decoration: underline;
}

.UddeholmFooter a:active
{
    color: #bbc3f9;
    text-decoration: none;
}

/*-------RIGHT BANNERS SECTION-------*/
.UddeholmOuterRightBanners
{
    width: 160px;
    margin-left: 14px;
    margin-top: 20px;
}




.Information
{
    color: #fdfdfd;
}
.InformationLeft
{
    float: left;
    width: 240px;
    text-align: left;
}
.InformationRight
{
    float: right;
    text-align: right;
}
.Information a, .Information a:visited, .Information a:active
{
    color: #fdfdfd;
}
.Information a:hover
{
    color: #a6b0f5;
    text-decoration: none;
}
.InformationApplicationName
{
    font-weight: bold !important;
    font-size: 100% !important;
    letter-spacing: 1px;
}
.InformationCompanyTitle
{
    font-weight: bold !important;
    font-size: 90%;
    letter-spacing: 1px;
}
.InformationAddress
{
    font-weight: bold;
    font-size: 90%;
    letter-spacing: 1px;
}

.InformationTelephones
{
    font-weight: bold;
    font-size: 90%;
    letter-spacing: 1px;
}
.InformationEmail
{
    font-weight: bold;
    font-size: 90%;
    letter-spacing: 1px;
}




.RadGrid .rgRow td, .RadGrid .rgAltRow td, .RadGrid .rgHeader td
{
    padding: 2px !important;
    margin: 0px !important; /*vertical-align:middle;*/
    font-size: 95%;
}


.RadTreeView .rtHover .rtIn, .RadTreeView .rtSelected .rtIn
{
    border: none !important;
}


/*//////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////  GALLERY  ////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/

.Gallery
{
    margin-left: auto !important;
    margin-right: auto !important;
}

.GalleryPhotos
{
    margin-left: auto !important;
    margin-right: auto !important;
}

.GalleryPhotoArea
{
    color: White;
    border: dotted 1px #acc4e1;
    background-color: #c9ddf6;
    padding: 3px;
}
.GalleryPhoto IMG
{
    border: dotted 1px black;
}
.GalleryPhotoName
{
    color: #0066FF;
    font-size: 100%;
    font-weight: normal;
}
.GalleryButtons
{
    background-repeat: repeat-x;
    background-color: White;
    border-bottom: dotted 1px #c4cdd7;
}
.GalleryPager
{
    background-color: white;
    border-top: dotted 1px white;
    border-bottom: dotted 1px white;
    padding: 2px;
    height: 30px;
    vertical-align: middle;
}
.GalleryPager IMG
{
    height: 16px;
}
.GalleryPagerInfo
{
    color: #2d2d2d;
    font-size: 100%;
    font-weight: normal;
    padding: 4px;
}
.GalleryPagerButton
{
    color: #200303;
    background-color: white;
    font-size: 110%;
    font-weight: normal;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
}
.GalleryPagerButtonCurrent
{
    color: white;
    background-color: #200303;
    font-size: 120%;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: normal;
}










.HtmlEditor
{
    font-size: 100%;
    font-family: Verdana;
}

.confirmationBoxTitle
{
    background-color: #EBC344;
    text-align: center;
    border: dotted 1px black;
}
.confirmationBoxButton
{
    background-color: #FCFCFC;
    text-align: center;
    border: dotted 1px black;
    width: 70px;
    text-decoration: none;
    margin: 0 10px 0 10px;
    color: #AF8B13;
}

.confirmationBoxButton:hover
{
    background-color: #EBC344;
    text-align: center;
    border: dotted 1px black;
    width: 70px;
    text-decoration: none;
    margin: 0 10px 0 10px;
}


.ModuleEditorContainer, .ModuleEditorContainer input, .ModuleEditorContainer select, .ModuleEditorContainer button, .ModuleEditorContainer a
{
    font-size: 100% !important;
}


.RadWindows
{
    z-index: 99999 !important;
}

/*//////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////   sample3 SITE.CSS    ///////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////*/

body
{
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

a
{
    text-decoration: none;
}

img
{
    border: 0;
}

.logo
{
    width: 240px;
    text-align: left;
    vertical-align: middle;
    font-size: 36px;
    font-weight: bold;
    color: #258dbf;
    margin-top: 20px;
    padding-left: 0px;
}

.searchBox
{
    border: 0;
    float: right;
    height: 22px;
}

.searchField
{
    background-color: #000;
    padding: 0;
}

.searchButton
{
    vertical-align: middle;
    background-color: #FFF;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.searchButton a, .searchButton a:hover
{
    padding: 2px 2px;
    line-height: 6px;
    font-size: 105%;
    color: #000;
    background-color: #FFF;
    text-decoration: none;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.searchBox .searchField input
{
    background-color: #000;
}

.yellow .container_12.first .grid_3, .yellow .container_12.first .grid_4
{
    position: relative;
    height: 100%;
}

.searchBoxContainer
{
    margin-top: 20px;
    bottom: 5px;
    right: 0;
}

.grid_3 .UserLogin
{
    /*margin-top: 38px;*/
    color: #c4c4c4;
    font-size: 90%;
    position: absolute;
    bottom: 5px;
    right: 10px;
    white-space:nowrap;
}

.grid_3 .UserLogin a
{
    color: gray;
    text-decoration: none;
    font-size:90%;
}

.grid_3 .UserLogin a:hover
{
    color: black;
    text-decoration: none;    
}




.yellow
{
    height: auto;
}

.yellow .container_12.first
{
    padding-top: 0;
    height: 84px;
}

.footer .vlinks a, .footer a
{
    color: #e5e5e5;
}

.footer .footer a
{
    text-decoration: underline;
}

.footer .InformationApplicationName, .footer .InformationCompanyTitle, .footer .InformationAddress, .footer .InformationTelephones, .footer .InformationEmail
{
    padding-top: 10px;
    color: #f1f1f1;
    font-size: 95%;    
    letter-spacing: normal;
    font-weight: normal;
}

.black1 .container_12 .grid_3.footer, .black1 .container_12 .grid_4.prefix_5
{
    padding-top: 0;
}

.white ul, .grey ul
{
    list-style-image: url("/img/01.png");
}

.white ol, .grey ol
{
    list-style-image: none;
}


.pagetitle
{
    font-size: 120%;
    font-weight: bold;
    color: white;
    background-color: #0798d3;
    margin: 0px 0px 10px 0px;
    padding: 5px 15px 5px 15px;
    border-top: solid 1px gray;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.pagetitle a, .pagetitle a:active
{
    color:White;    
}

.pagetitle ul
{
    padding:0 0 0 16px;
    margin:0;    
}

.pagetitle li
{
    list-style-image: url(/img/titlebull.png);        
    float:left;
    padding: 0 30px 0 0;    
}

.column400
{
    width: 400px;    
    padding: 0px 10px 0px 10px;   
}

.column500
{
    width: 500px;    
    display: inline;
    float: left;
    padding: 0px 10px 0px 10px;        
}

.column1000
{
    width: 960px;    
    display: inline;
    float: left;    
    padding: 0px 20px 0px 20px;        
}

.zone
{
    padding-bottom: 0px;
}

.rotator-outer
{
    width: 100%;
    display: block;   
}

.rotator-inner
{
    margin-left: auto;
    margin-right: auto;
    width: 700px;
    height:400px;
    padding:2px;
    background-color: #e8e8e8;
    /*border-left: solid 1px #0798d3;
    border-right: solid 1px #0798d3;*/
    border-left: solid 1px #b5b5b5;
    border-top: solid 1px #b5b5b5;
    border-right: solid 1px #cdcdcd;
    border-bottom: solid 1px #cdcdcd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset  3px 3px 1px #dadada;
    -webkit-box-shadow: inset  3px 3px 1px #dadada;
    box-shadow:inset 3px 3px 1px #dadada;  
}

.rotator-item
{
    width: 700px;
    height: 400px;    
    background-color: #e8e8e8;
    text-align: center;    
}
