/* Reset START */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Reset END */
/* HTML elements START*/

a:focus, 
input[type="image"]:focus,
input[type="submit"]:focus {outline: #539FC6 dotted 2px;}

html, body {
    height: 100%;  
    min-width: 790px; 
}

body {
    background: url(Images/body-BG.png) repeat-x bottom #EFEFEB;
    background-attachment: fixed;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    line-height: 12px;
    font-size: 10px;
    color: #90908C;
}

h1 {
    color: #E06E00;
    font-weight: lighter;
    letter-spacing: -1px;  
    text-transform: capitalize;
    font-size: 18px; 
    margin-bottom: 7px;
}

h2 {
    font-weight: bold; 
    color: #6c6c6c;
    font-size: 11px; 
    line-height: 14px;
}

h3 {font-size: 11px;}

dl {margin-top: 5px;}

dt {
    padding-left: 15px;
    background: url(Images/bullet2.gif) left center no-repeat;
    font-size: 11px; 
    display: block;
    color: #6c6c6c;   
    font-weight: bold;         
}

dt a:link,
dt a:visited,
dt a:active,
dt a:hover {color: #6c6c6c;}

dd {
    margin-bottom: 20px;
    padding-left: 15px;
}

a:link,
a:visited,
a:active,
a:hover {
    color: #0097BA;
    text-decoration: none; 
    padding-right: 10px;
    padding-bottom: 2px;
    background: url(Images/seta.gif) no-repeat;
    background-position: right center; 
}

a:hover {text-decoration: underline;}

fieldset {
    border: solid 1px #999;
    margin-bottom: 15px;
    padding:  0 10px;
    padding-right: 15px;
    background: url(Images/fieldset-BG.png) repeat-x bottom #EFEFEB;    
}

fieldset > legend {
    font-weight: bold; 
    color: #6c6c6c;
    font-size: 11px; 
    margin-left: -5px;
    padding: 0 5px;
}

fieldset ol {
    list-style: none !important;
    margin: 15px 0 0 0 !important;
    padding-bottom: 10px;
}

fieldset ol li {
    position: relative;
    padding-bottom: 10px;
}

fieldset > ol > li > input,
fieldset > ol > li > textarea,
fieldset > ol > li > select {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    border: solid 1px #539FC6;
}

fieldset > ol > li > input:focus,
fieldset > ol > li > textarea:focus,
fieldset > ol > li > select:focus {
    border-color: #E06E00;
}

fieldset label {
    display: block;
    color: #6c6c6c;
    margin-bottom: 5px;
}

fieldset > span {
    display:inline-block;
    position: relative;
}

fieldset textarea {
    resize: none; /* Disable textarea resize in Chrome*/
    padding-left: 2px !important;
    padding-top: 2px !important;
}
    
input[type="submit"] {cursor: pointer;}

input[type="submit"]:hover {background-color: #DDD;}

pre {
    overflow: auto;
    overflow-y: hidden; /* CSS 3 */
    line-height: 16px;
    display: block;
    font-size: 12px;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: solid 1px #333;
    color: white;
    background: url(Images/code-bg.jpg) repeat-x top #404040;
}

blockquote {
    border-left: solid 2px #BCBCB2;
    padding-left: 10px;
    font-style: italic;
    font-size: 1.1em;
    text-align: justify;
    margin-bottom: 10px;
}

ol ol {list-style-type: lower-alpha !important;}

/* HTML Elements END */
/* Master Page & Default START*/

#header {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: -15px;
    height: 125px;
    width: 100%;  
    background: url(Images/header-BG.png) repeat-x top;     
}
    #header > #menu {
        width: 566px;
        background: url(Images/colors-bar.png) no-repeat center bottom; 
        height: 55px !important;
    }

    #header > h1#logo {
        background: url(Images/uniwares-logo.png) left center no-repeat;
        width: 194px;
        height: 100px;
        text-indent: -9999px;
        margin-top: 5px;
        margin-left: 15px;
        float: left;
    }
    
    #header > ul {
        float: left;
        margin: 0;
        padding: 0;   
        width: 565px;
        height: 40px;
        list-style-type: none;
        padding-top: 70px;
    }
        
    #header > ul > li {
        float: left;
        text-transform: lowercase;
        text-align: left;
        letter-spacing: -1px;
        font-size: 12px;
        font-weight: bold;
        padding-left: 15px;
        padding-right: 15px;
        color: Black;
    }
            
    #header a {
        display: block;
        background: url(Images/header-bullet.gif) no-repeat right 0px;  
        color: #6c6c6c;
        height: 12px;
        position: relative;
    }

    #header a:hover {
        background: url(Images/header-bullet.gif) no-repeat right -12px;  
        color: #539fc6;    
    }

#center {
    position: relative;
    float: left;
    width: 100%;
}

.left-info {
    position: relative;
    float: left;
    padding-left: 5px;
    padding-top: 15px;
    width: 170px; 
}
    .left-info > * {
        margin-left: 10px;  
        margin-bottom: 5px;
    }
    
    .left-info > h2 {
        border-top: solid 1px #E3E3DB;
        padding-top: 10px;
    }
    
    .left-info > h2:first-child {
        border: 0;
        padding-top: 0;
    }

    .left-info ul {   
        list-style-type: none;   
        margin-bottom: 15px; 
    }
        
    .left-info ul li {margin-bottom: 5px;}

    .left-info ul ul {
        margin-left: 5px;
        margin-bottom: 0;
        margin-top: 5px;
    }

    .left-info ul ul li {
        padding-left: 15px;
        background: url(Images/bullet2.gif) left center no-repeat;
    }

#double-column,
#content {
    position: relative;
    float: left;
    min-height: 300px;
    font-size: 11px;    
}

#double-column {
    float: left;
    padding: 15px;
    width: 545px;
}

    #double-column ul.products > li{
        background: none;
        margin-bottom: 1px;
        padding-bottom: 2px;
        padding-top: 1px;
        padding-left: 0;
        width: auto !important;
    }
    
    #double-column ul.products > li a{
        padding-left: 4px;
        border-left: solid 4px;
    }
    
    #double-column ul.products > li a:hover,
    #double-column ul.products > li a:focus{
        border-left-width: 8px;
    }
    
        #double-column ul.products > li.aManda a {border-color: #F9A705;}
        #double-column ul.products > li.Analog a {border-color: #1775D9;}
        #double-column ul.products > li.Elwin a {border-color: #2FBFB6;}
        #double-column ul.products > li.Leon a {border-color: #5B99B0;}
        #double-column ul.products > li.Rufus a {border-color: #444444;}
        #double-column ul.products > li.Stormail a {border-color: #BB1312;}
        
#content {
    width: 375px;
    padding-left: 15px;
    padding-right: 10px;
    padding-top: 12px;
    padding-bottom: 20px;
    line-height: 13px;
}
    #content li > * {clear: left;}

    #content > h2 {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    #content > h2.author {
        margin-top: 0;
        margin-bottom: 15px;
        font-weight: normal;
        font-style: italic;
    }

    #content > h2 > a {color: #6c6c6c;}

    #content p {
        margin-bottom: 10px; 
        text-align: left;
    }
                                                
    #content ul {
        margin-bottom: 10px; 
        text-align: left;
        margin-left: 20px; 
        list-style-image: url(Images/bullet2.gif);   
    }

    #content ul li {
        padding-top: 5px;
        padding-bottom: 5px;  
        margin: 0 !important;
    }

    #content ul > li > ul {
        list-style-image: url(Images/bullet.gif);
        margin-bottom: 0px;
        margin-top: 5px;
    }
            
    #content img {
        border: solid 1px #bcbcb2 !important;  
        max-width: 369px; 
        padding: 2px;
        margin-bottom: 10px;
    }

    #content img.logo {
        border: 0;
        margin-top: 15px;
        margin-bottom: 15px; 
        width: auto;  
    }

    #content > p > strong {text-transform: uppercase;}

    #content .presentation {
        margin-top: 10px;
        margin-bottom: 10px;
        border: 1px solid #C9D9DB;
        padding: 2px;
    }

    #content li > .presentation {margin-left: -15px;}

    #content ol {
        margin-left: 16px;
        margin-top: 10px;
        margin-bottom: 15px;
        list-style-type: decimal;
        text-align: justify;
    }

    #content ol > li {margin-bottom: 10px;}

    #content > ol > li > a {display: inline-block;}

    #content > ol > li > div {margin-bottom: 15px;}
    
.main-footer { /* Default.aspx footer */
    margin-left: 15px !important;
    width: 545px !important;
    float: left;
}   
    
#footer {
    position: relative;
    clear: left;
    width: 375px;
    margin-left: 190px;
    padding-bottom: 40px;
    padding-top: 10px;
    border-top: solid 1px #E7E6E1;
}

    #footer p {
        margin: 0;
        margin-bottom: 5px;
        padding: 0;  
        font-weight: bold; 
        font-size: 10px;
        color: #6c6c6c;
    }

    #footer ul.siteMap {list-style-type: none;}
            
    #footer ul.siteMap > li {
        padding-right: 5px;
        padding-left: 5px;
        border-left: solid 1px #c9d9db;
        float: left;   
    }

    #footer ul.siteMap > li:first-child {
        padding-left: 0;
        border: none;   
    }

    #footer a {
        background: none;
        padding: 0;   
    }
    
#right-column {
    position: relative;
    float: left;
    width: 205px;
    text-align: center;
    padding-top: 20px;
}

    #right-column > div > h2 {
        margin: 0;
        padding-top: 10px;
        color: #7CA104;    
        text-align: right; 
        border-top: solid 1px #E3E3DB;
        font-size: 10px;
    }

    #right-column > div > address {
        float: right;
        display: block;
        text-align: right; 
        margin-bottom: 6px;
        padding-top: 5px;
        font-style: normal;
        width: 160px; 
    }
    
    #right-column > div > a
    {
        clear: right;
        display: block;
        text-align: right;
        margin-bottom: 10px;
    }
    
    #right-column > ul#flagsClient {
        position: relative;
        clear: both;
        right: 0;
        border-top: solid 1px #E3E3DB;
        text-align: right;
        margin-top: 5px;
        padding-bottom: 15px;
        padding-top: 10px;
        margin-bottom: 15px; 
        list-style-type: none;
    }
    
        #right-column > ul#flagsClient > li {
            display: inline;
        }

ul.mainPageMap {
    margin-bottom: 15px;
    padding-top: 10px;
    width: 537px;
}

    li.black {
        border-color: #333;
        background: url(Images/defaultLinks_shadow.png) no-repeat 0px top;      
    }
    li.red {
        border-color: #C20001;
        background: url(Images/defaultLinks_shadow.png) no-repeat -179px top;              
    }
    li.yellow {
        border-color: #F9A705;
        background: url(Images/defaultLinks_shadow.png) no-repeat -358px top;              
    }

    ul.mainPageMap * {margin-bottom: 5px;}

    ul.mainPageMap h2 {color: #e06e00;}
    
    ul.mainPageMap > li {
        float: left;
        width: 163px;
        padding-right: 16px;
        height: 100%;
        vertical-align: top;
        border-top-style: solid;
        border-top-width: 4px;
        padding-top: 15px;
    }

        ul.mainPageMap > li ul li {
            padding-left: 15px;
            background: url(Images/bullet2.gif) left center no-repeat;
        }    
    
/* Master Page & Default END */
/* Products START */

h1.logo {
    width: 377px;
    text-indent: -9999px;
    background: no-repeat top center;
    height: 145px;
    margin-top: -12px;
    margin-left: -2px;
}
    h1.aManda   {background-image: url(Images/Products/aManda/amanda-logo-bg.png);}
    h1.Analog   {background-image: url(Images/Products/Analog/analog-logo-bg.png);}
    h1.Elwin    {background-image: url(Images/Products/Elwin/elwin-logo-bg.png);}        
    h1.Leon     {background-image: url(Images/Products/Leon/leon-logo-bg.png);}    
    h1.Rufus    {background-image: url(Images/Products/Rufus/rufus-logo-bg.png);}           
    h1.Stormail {background-image: url(Images/Products/Stormail/stormail-logo-bg.png);}   

dl.products {border-bottom: solid 1px #bcbcb2;}

    dl.products > dd {
        margin: 0;
        padding: 10px;
        border-left: solid 1px #bcbcb2;
        border-right: solid 1px #bcbcb2;
        color: #333;
        background: url(Images/Products/products-bg.png) repeat-x top #D9D9CF;
    }  

    dl.products > dt {
        width: 375px;
        height: 30px; 
        line-height: 30px;
        color: White;
        padding: 0;
    }
        dl.products > dt {background: url(Images/Products/products-logo-bg.png) no-repeat;}
        
        dl.products > dt#aManda   {background-position:0 0}
        dl.products > dt#AnaLog   {background-position:0 -30px;}
        dl.products > dt#Elwin    {background-position:0 -60px;}
        dl.products > dt#Leon     {background-position:0 -90px;}
        dl.products > dt#Rufus    {background-position:0 -120px;}
        dl.products > dt#Stormail {background-position:0 -150px}

            dl.products > dt > a {
                color: White !important;  
                width: 365px;
                height: 100%;
                display: block;
                background: none;
                padding: 0;
                padding-left: 10px; 
            }
        
    div.interest .linkButton
    {
        width: 135px;
    }
                
/* Products END */
/* Contact START */

.validation_error {
    position: absolute;
    bottom: -7px;
    left: 0;
    color: #C60000 !important;
}

div.formSubmit {
    display:block;
    position: relative;
    width: 375px;
}

    div.formSubmit input.submitButton {
        position: absolute;
        right: 0;
        top: -2px;
        width: 80px;
    }
    
/* Contact END */
/* No-Flash START */

.noFlash {
    width: 191px;
    height: 195px;
    background: url(Images/noFlash.jpg) no-repeat;
    padding-top: 60px;
    padding-left: 150px; 
    padding-right: 30px;
}

    .noFlash * {margin-bottom: 10px;}

    .noFlash h1 {
        line-height: 20px;
        color: #FFC809;
    }

    .noFlash p {
        color: #F7F7F7;
        margin-bottom: 13px;
    }
    
    .noFlash a:link,
    .noFlash a:visited,
    .noFlash a:active {
        width: 110px;
        height: 31px;
        background: url(Images/getFlash.gif) no-repeat white center 0;
        display: block;
        text-indent: -9999px;
        padding: 0;
    }
    
    .noFlash a:hover {background: url(Images/getFlash.gif) no-repeat white center -31px;}
    
/* No-Flash END */
/* Alternates START */

.no-bullet {
    list-style: none !important;
    list-style-image: none !important;
    margin-left: 0 !important;
    padding-left: 0px !important;
    background: none !important;
}
    
.orange {color: #E06E00;}

a.pdf {
    padding-right: 23px;
    background: url(Images/pdf-icon.gif) no-repeat right center;
}
  
a.noLinkImage {
    background: none !important;
    padding-right: 0 !important;
}

a.extLink {
    background-image: url(Images/ext-link.gif) !important;
    padding-right: 12px !important;
    margin-right: 2px;
}

input[type="submit"],
a.linkButton:link,
a.linkButton:visited,
a.linkButton:active {
    display: inline-block;
    background: url(Images/tooltip-bg.png) repeat-x top #666 !important;
    color: #EEE;
    padding: 0 7px !important;  
    border: solid 1px #333;
    height: 23px;
}

a.linkButton {line-height: 23px;}

input[type="submit"]:hover,
a.linkButton:hover {
    color: White;
    text-decoration: none;
    background-color: #777 !important;
}

.not-found{
    border: solid 2px #C9D9DB;
    padding: 2px;
}

li.statesList{display:none;}

/* Alternates END */
/* Paging START */

.paging {margin-left: 0 !important;}

    .paging > li {list-style: none;}

    .paging > li .presentation {margin-left: 0 !important;}

.simplePagerNav {
    border: solid 1px #a4a49b;
    color: #333; 
    width: 100%; 
    margin-left: 0 !important;  
    background: url(Images/paging-bg.png) repeat-x top #D9D9CF;   
    height: 20px !important; 
}

    .simplePagerNav li {
        list-style: none;
        display: inline;
    }

    .simplePagerNav a {
        background: none;
        padding: 0;
        display: inline-block;
        padding: 0 10px;
        line-height: 20px;
        border-right: solid 1px #a4a49b;
        color: #333;
        background: url(Images/paging-bg.png) repeat-x bottom #D9D9CF;
    }

    .simplePagerNav a:hover {text-decoration: none;}

    .simplePagerNav .currentPage a {
        color: white;
        cursor: default;
        background: url(Images/paging-bg.png) repeat-x top #D9D9CF;
    }

    .simplePagerNav .currentPage a:hover {text-decoration: none;}
    
/* Paging END */
/* Tooltip START */

.definition { /* Link that opens the tooltip */
    cursor: default;
    text-decoration: none !important;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	background: black url(Images/tooltip-bg.png) repeat-x top;
	border: solid 1px black;
	color: #999;
	padding: 5px;
	max-width: 210px;
	opacity: 0.75; /* CSS 3 */
}

    #tooltip h3 {
        color: white;
        margin-bottom: 5px;
    }

/* Tooltip END */
/* jQuery Slider START */

#slider{
    border: solid 1px #666;
    position: relative;
    margin: 0;
    padding: 0;
    width: 535px;
}	

#prevBtn a:focus, #nextBtn a:focus {
    outline: 0 !important;
}

#slider ul, #slider li, #slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
}

#slider li, #slider2 li{ 
	width:535px;
	height:200px;
	overflow:hidden; 
	position: relative;
}	

#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
	position: absolute;
	top: 100px;
	left: 24px;
	height: 26px;
}	

#nextBtn, #nextBtn2 {left:518px;}			
											
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
	display:block;
	width: 26px;
	padding: 0 !important;
	height: 26px;
	text-indent: -9999px;
	background: url(Images/slideBtn.png) no-repeat transparent 0 0;
	opacity: 0.75;
}	

#nextBtn a, #nextBtn2 a{ 
    width:26px;
    background-position: -26px 0;
}

#prevBtn a:hover, #prevBtn2:hover {background-position: 0 -26px;}

#nextBtn a:hover, #nextBtn2 a:hover {background-position: -26px -26px;}
	
.caption{
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: center;
    border-top: solid 1px #666;
    width: 535px;
    background: #333 url(Images/tooltip-bg.png) repeat-x top !important;
    height: 30px;
    line-height: 30px;
    opacity: 0.75;
    color: white !important;
    font-weight: bold;
}

#slider li:hover .caption{
    text-decoration: none;
    background-color: #444 !important;
    color: #EEE !important;
}

/* jQuery Slider END */
/* Twitter START */
#twitter{
    margin-top: 10px;
    background-color: #E3E3DB;
    width: 537px;
    height: 20px;
    line-height: 20px;
    padding: 0;
    overflow: hidden;
}

    #twitter a{
        display: inline-block;
        height: 20px;
        background: none #539FC6;
        color: #C9D9DB;
        margin: 0;
        padding: 0 8px 0 5px;
        font-weight: bolder;
    }
    
    #twitter a:hover{
        background-color: #C9D9DB;
        color: #539FC6;
    }
    
    #twitter span{
        padding-left: 3px;
    }
    
    #twitter span img{
        margin: 0;
        padding: 0;
    }
    
ul.social-networks{
    margin: 0;
    padding: 0;
    padding-top: 12px;
    border-top: solid 1px #E3E3DB;
    padding-bottom: 4px;
}
    ul.social-networks li {
        position: relative;
        margin-bottom: 4px !important;
        width: 205px;
        text-align: right;
    }
    
    ul.social-networks a{
        display: inline-block;
        right: 0;
        text-align: right;
        background-position: right top;
        background-repeat: no-repeat;
        height: 15px;
        line-height: 15px;
        padding: 0;
        padding-left: 3px;
        padding-right: 19px;
    }

    ul.social-networks a:hover,
    ul.social-networks a:focus{
        background-position: right bottom;
        text-decoration: none; 
    }
        /*twitter*/
        ul.social-networks a.twitter-folow {
            color: #3b86ac;
            background-color: #C9D9DB;
            background-image: url(Images/twitter.png);
        }
        
        ul.social-networks a.twitter-folow:hover,
        ul.social-networks a.twitter-folow:focus {
            color: #C9D9DB; 
            background-color: #539FC6;
        }
        
        /*facebook*/
        ul.social-networks a.facebook-join {
            color: white;
            background-color: #6D84B4;
            background-image: url(Images/facebook.png);
        }
        
        ul.social-networks a.facebook-join:hover,
        ul.social-networks a.facebook-join:focus {
            color: white; 
            background-color: #3b5998;
        }

/* Twitter END */