/* --------------------------------------------------------
    Global Style Sheet
    Website: Volge.com
    Created by: Armin Busatlic
    Filename: style.css
   -------------------------------------------------------- */

/* --------------------------------------------------------
    Anchor
   -------------------------------------------------------- */
    a:link     { color: #555; text-decoration: none; }
	a:visited  { color: #555; text-decoration: none; }
	a:hover    { color: #000; text-decoration: underline; }
    a:active   { color: #555; text-decoration: none; }
    
    a.l:link     { color: #fff; text-decoration: none; }
	a.l:visited  { color: #fff; text-decoration: none; }
	a.l:hover    { color: #efefef; text-decoration: none; }
    a.l:active   { color: #fff; text-decoration: none; }
    
	a.g:link     { color: #9DCB50; text-decoration: none; }
	a.g:visited  { color: #9DCB50; text-decoration: none; }
	a.g:hover    { color: #D4F994; text-decoration: none; }
    a.g:active   { color: #9DCB50; text-decoration: none; }
    
    a.r:link     { color: #D63E25; text-decoration: none; }
	a.r:visited  { color: #D63E25; text-decoration: none; }
	a.r:hover    { color: #AF2E19; text-decoration: none; }
    a.r:active   { color: #D63E25; text-decoration: none; }

/* --------------------------------------------------------
    Table
   -------------------------------------------------------- */
    table {
        border-collapse: collapse;
    }

    tr {}

    td {
        text-align:left;
		vertical-align:top;
    }

    .rL { width: 40%; } /* width of registration field tds */


/* --------------------------------------------------------
    Forms
   -------------------------------------------------------- */
    form {
        padding: 0px;
        margin: 0px;
    }

    input {
		border:1px solid #999;
        padding:2px;
		margin: 2px 0 2px 0;
		font-size: 11px;
	}
    select {
		border:1px solid #999;
		padding:1px;
		margin: 2px 0 2px 0;
		font-size: 11px;
	}
    textarea {
		border:1px solid #999;
		padding:2px;
		margin: 2px 0 2px 0;
		font-size: 11px;
	}

    /* Style for all buttons on Volge */
    input#btn {
        background-color: #000000;
        color: #ffffff;
        font-weight: bold;
        border: 0px;
    }


/* --------------------------------------------------------
    Divs
   -------------------------------------------------------- */
    .flL    { float: left; }
    .flR    { float: right; }
    .clL    { clear: left; }


/* --------------------------------------------------------
    Images
   -------------------------------------------------------- */
    img {
        border:0px;
    }
   
/* --------------------------------------------------------
    Unordered Lists
   -------------------------------------------------------- */
    ul {}
    li {}

/* --------------------------------------------------------
    Alignment
   -------------------------------------------------------- */
    .aL     { text-align: left; } /* align left */
    .aR     { text-align: right; } /* align right */
    .aC     { text-align: center; } /* align center */

    .vaT    { vertical-align: top;  } /* vertical align top */
    .vaM    { vertical-align: middle;  } /* vertical align middle */
    .vaB    { vertical-align: bottom;  } /* vertical align top */
    
/* --------------------------------------------------------
    Text
   -------------------------------------------------------- */
	h1, h2, h3, h4, h5, h6 {
    	display: inline; /* remove carriage return */
	}
	
    h1 { font-size: 20px; }
	h2 { font-size: 18px; }
	h3 { font-size: 16px; }
	h4 { font-size: 14px; }
	h5 { font-size: 12px; font-weight: normal; }
	h6 { font-size: 11px; font-weight: normal; }
	
/* --------------------------------------------------------
    Font Sizes for Tags
   -------------------------------------------------------- */
	.fs0   { font-size: 10px; }
	.fs1   { font-size: 14px; }
	.fs2   { font-size: 18px; }
	.fs3   { font-size: 22px; }
	.fs4   { font-size: 26px; }
	.fs5   { font-size: 30px; }
	.fs6   { font-size: 34px; }
	.fs7   { font-size: 38px; }
	.fs8   { font-size: 42px; }

/* --------------------------------------------------------
    Font
   -------------------------------------------------------- */
    .fBo    { font-weight: bold; } /* bold */
    .fUl    { text-decoration:underline; } /* underline */
    .fIt    { font-style: italic; } /* italic */
    
    .fSmll  { font-size: 12px; } /* small font */
    .fMdm   { font-size: 15px; } /* medium font */
    .fBig   { font-size: 18px; } /* big font */
   

/* --------------------------------------------------------
    Border, Color, Background, Margin, Padding and Other
   -------------------------------------------------------- */
    .cCH    { cursor: crosshair; }
    .cPR    { cursor: pointer; }

    .b1W    { border: 1px solid #ffffff; } /* White Border */
    .b1B    { border: 1px solid #333333; } /* Black Border */
    .b1G    { border: 1px solid #bbbbbb; } /* Gray Border */
    .b3G    { border: 3px solid #cccccc; } /* Thick Gray Border */
    
    .bsD    { border-style: dashed; } /* Border Style */

    .ccW    { color:#ffffff; } /* White */
    .ccR    { color:#cc0000; } /* Red */
    .ccDG   { color:#888888; } /* Dark Gray */
    .ccSR   { color:#ED5757; } /* Soft Red */
    .ccSG   { color:#8AA37B; } /* Leaf Green */
    .ccG    { color:#BBC0A1; } /* Gold */
    .ccB    { color:#000000; } /* Black */

    .bgW    { background-color: #fff; } /* White Background */
    .bgY    { background-color: #FBFDCA; } /* Yellow Background */
    .bgSG   { background-color: #8AA37B; } /* Soft Green Background */
    .bgLG   { background-color: #efefef; } /* Light Gray Background */
    .bgDG   { background-color: #333; } /* Dark Gray Background */
    .bgBL 	{ background-color: #D0E7F4; }
    .bgB    { background-color: #000; } /* Black Background */

    .mA     { margin: 0 auto; } /* Auto adjust margin for Center alignment*/
    .m4     { margin: 4px; } /* Top,Right,Bottom,Left Margin */
    .m7     { margin: 7px; } /* Top,Right,Bottom,Left Margin */
    .m4tb   { margin: 4px 0 4px 0; } /* Top,Bottom Margin */
    .m4lr   { margin: 0 4px 0 4px; } /* Left,Right Margin */
    .m7lr   { margin: 0 7px 0 7px; } /* Left,Right Margin */
    .m7tb   { margin: 7px 0 7px 0; } /* Top,Bottom Margin */

	.p0		{ padding: 0px; } /* No Padding */  
    .p1		{ padding: 1px; } /* Small Padding */
	.p3     { padding: 3px; } /* Top,Right,Bottom,Left Padding */
    .p3tb   { padding: 3px 0 3px 0; } /* Top,Bottom Padding */
    .p3lr   { padding: 0 3px 0 3px; } /* Left,Right Padding */
    .p7lr   { padding: 0 7px 0 7px; } /* Left,Right Padding */
    .p7     { padding: 7px; } /* Top,Right,Bottom,Left Padding */
    .p7tb   { padding: 7px 0 7px 0; } /* Top,Bottom Padding */
    .p13    { padding: 13px; } /* Top,Right,Bottom,Left Padding */
    .p10tb  { padding: 10px 0 10px 0; } /* Top,Bottom Padding */
    .p13lr  { padding: 0 13px 0 13px; } /* Left,Right Padding */

    .hS     { width:100%; } /* Horizontal Stretch */
    .hsS    { width:70%; } /* Horizontal Stretch */
    .hhS    { width:50%; } /* Horizontal Stretch */

    .vNo    { display:none; } /* Invisible Element */
    .vYes   { display:block; } /* Visible Element */
    .nCr    { display:inline; } /* no carriage return */
    
    .vvNo	{ visibility:hidden; }
    .vvYes	{ visibility:visible; }
    

/* --------------------------------------------------------
    Hover Images, Icons, Elements Classes
   -------------------------------------------------------- */
    .hov    {  
        filter:alpha(opacity=70);
		opacity: 0.7;
		-moz-opacity:0.7;
    } /* Alpha Transparency */
    .hov:hover {
        filter:alpha(opacity=100);
		opacity: 1.0;
		-moz-opacity:1.0;
    }

/* --------------------------------------------------------
    Other Elements
   -------------------------------------------------------- */
    hr {
        border:0;
        background-color: #ccc;
        height: 1px;
    }
    
    p   { text-align: left; border:0; padding:0px; margin:0px; }
    ul  { text-align: left; }
    li  { text-align: left; }
    
/* --------------------------------------------------------
    Widths / Heights
   -------------------------------------------------------- */

    .wSS        { width: 20px; } /* global width styles */
    .wES        { width: 40px; }
    .wESR       { width: 65px; }
	.wSR        { width: 95px; }
    .wS         { width: 125px; }
    .wSM        { width: 175px; }
    .wM         { width: 215px; }
    .wMML       { width: 275px; }
    .wMMM       { width: 340px; }
	.wML        { width: 375px; }
    .wLM        { width: 480px; }
    .wL         { width: 565px; }
    .wLR        { width: 675px; }
    .wXL        { width: 775px; }
    .wXXL       { width: 875px; }
    .wXXXL      { width: 940px; }
    
    .w2			{ width:50%; }
    .w3			{ width:33%; }
    .w4			{ width:25%; }
    .w5			{ width:20%; }

    .heSS        { height: 20px; } /* global height styles */
    .heES        { height: 40px; }
	.heS         { height: 115px; }
    .heSR        { height: 150px; }
    .heSM        { height: 180px; }
    .heM         { height: 215px; }
    .heL         { height: 415px; }
    .heXL        { height: 615px; }
	
/* --------------------------------------------------------
    Overflow
   -------------------------------------------------------- */
	.ovH { overflow: hidden; }