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

/* --------------------------------------------------------
    Anchor
   -------------------------------------------------------- */
    a:link     { color: #1F527F; text-decoration: none; }
	a:visited  { color: #1F527F; text-decoration: none; }
	a:hover    { color: #1F527F; text-decoration: underline; }
    a:active   { color: #1F527F; text-decoration: none; }

    
    /* White */
	a.l:link     { color: #fff; text-decoration: none; }
	a.l:visited  { color: #fff; text-decoration: none; }
	a.l:hover    { color: #efefef; text-decoration: underline; }
    a.l:active   { color: #fff; text-decoration: none; }

    .hov:link img		{ filter:alpha(opacity=90); opacity: 0.90; -moz-opacity:0.90; }
    .hov:visited img	{ filter:alpha(opacity=90); opacity: 0.90; -moz-opacity:0.90; }
    .hov:hover img		{ filter:alpha(opacity=90); opacity: 0.90; -moz-opacity:0.90; }
    .hov:active img	{ filter:alpha(opacity=90); opacity: 0.90; -moz-opacity:0.90; }

    .hov:link:hover img		{ filter:alpha(opacity=100); opacity: 1.0; -moz-opacity:1.0; }
    .hov:visited:hover img	{ filter:alpha(opacity=100); opacity: 1.0; -moz-opacity:1.0; }
    .hov:hover:hover img		{ filter:alpha(opacity=100); opacity: 1.0; -moz-opacity:1.0; }
    .hov:active:hover img	{ filter:alpha(opacity=100); opacity: 1.0; -moz-opacity:1.0; }

/* --------------------------------------------------------
    Table
   -------------------------------------------------------- */
    table {
        border-collapse: collapse;
        margin:0px;
        padding:0px;
    }

    tr {
    	margin:0px;
        padding:0px;
	}

    td {
        text-align:left;
		vertical-align:top;
		margin:0px;
        padding:0px;
    }
	
	th {
		text-align:left;
	}

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


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

    input {
		border:1px solid #ddd;
        padding:2px;
        margin: 2px 0 2px 0;
		font-size: 11px;
	}
	
	input.checkbox {
		border:0px;
        padding:0px;
		margin:0px;
	}
	
	input.form {
		border:1px solid #bbb;
	}

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

    /* Style for all buttons on Volge */
    input.btn {
        background-color: #333;
		color: #fff;
        font-weight: bold;
    }
    
    input.sbtn {
        background-color: #333;
		color: #fff;
        font-weight: bold;
        margin-right:4px;
    }
    
    /* Style for all file input elements*/
	input.file {
		border: 1px solid #ddd;
	}
	
	input.autotext {
		border: 0px solid #fff;
	}


/* --------------------------------------------------------
    Divs
   -------------------------------------------------------- */
    .flL    { float: left; }
    .flR    { float: right; }
    .clL    { clear: left; }
    .clB    { clear: both; }
    
/* --------------------------------------------------------
    Positions
   -------------------------------------------------------- */
    .psR    { position: relative; }
    .psA    { position: absolute; }
    .psI    { position: inline; }


/* --------------------------------------------------------
    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; font-weight: normal; }
	h4 { font-size: 14px; font-weight: normal; }
	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; }
    .cMV    { cursor: move; }
    .cTX    { cursor: text; }    

    .b0    	{ border: 0px; } /* No Border */
	.b1W    { border: 1px solid #fff; } /* White Border */
    .b1B    { border: 1px solid #222; } /* Black Border */
    .b1G    { border: 1px solid #bbb; } /* Gray Border */
    .b3G    { border: 3px solid #ccc; } /* Thick Gray Border */
    
    .bsD    { border-style: dashed; } /* Border Style */

    .ccW    { color:#ffffff; } /* White */
    .ccR    { color:#cc0000; } /* Red */
    .ccDG   { color:#888888; } /* Dark Gray */
    .ccSR   { color:#B00000; } /* Soft Red */
    .ccSG   { color:#8AA37B; } /* Leaf Green */
    .ccB    { color:#000000; } /* Black */
    .ccLG   { color:#aaa; }	   /* Light Gray */
    .ccHG	{ color:#4E4E4E; } /* Header Gray*/

	.ccP   	{ color:#AA067B; } /* Concert Purple */
	.ccG    { color:#7A8F24; } /* Artist Green */

    .bgW    { background-color: #fff; } /* White Background */
    .bgY    { background-color: #FCFCD5; } /* Yellow Background */
    .bgSG   { background-color: #87A134; } /* Soft Green Background */
    .bgLG   { background-color: #efefef; } /* Light Gray Background */
    .bgVLG  { background-color: #F8F8F8; } /* Very Light Gray Background */
    .bgDG   { background-color: #333; } /* Dark Gray Background */
    .bgBL 	{ background-color: #D0E7F4; }
    .bgDR	{ background-color: #A91E1E; } /* Dark Red */
    .bgB    { background-color: #000; } /* Black Background */
    .bgLLG    { background-color: #F3E7F5; }
    .bgLB    { background-color: #030C00; }
    .bgLBl	{background-color: #F3FAFF;}


    
    .bgA	{ background-color: #DFFFE1; }
    .bgC	{ background-color: #F2DFFF; }

    .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 */
    .m7t    { margin: 7px 0 0 0; } /* Top,Bottom Margin */
    .m7tb   { margin: 7px 0 7px 0; } /* Top,Bottom Margin */
    .m13lr  { margin: 0 13px 0 13px; } /* Left,Right 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 */
	.p7r	{ padding: 0 7px 0 0 }
	.p7l	{ padding: 0 0 0 7px }
	.p3t	{ padding: 7px 0 0 0px }
    .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 */
    .p10lr  { padding: 0 10px 0 10px; } /* Left,Right Padding */
	.p10tb  { padding: 10px 0 10px 0; } /* Top,Bottom Padding */
    .p13lr  { padding: 0 13px 0 13px; } /* Left,Right Padding */
    .p13tb  { padding: 13px 0 13px 0; } /* 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 */
    .dT		{ display:table; }
    
    .vvNo	{ visibility:hidden; }
    .vvYes	{ visibility:visible; }
    
    .wsNW 	{ white-space:nowrap; } /* Does wrap when encountering white space characters */
    

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

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

	.wSS        { width: 20px; }
    .wRS        { width: 30px; }
	.wES        { width: 40px; }
    .wESR       { width: 55px; }
	.wSSR       { width: 80px; }
	.wSR        { width: 95px; }
    .wS         { width: 125px; }
    .wSM        { width: 175px; }
	.wM         { width: 215px; }
    .wMLL       { width: 245px; }
	.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; }
    
	.w1			{ width:100%; }
    .w2			{ width:50%; }
    .w3			{ width:33%; }
    .w4			{ width:25%; }
    .w5			{ width:20%; }

	.heXS		 { height: 6px; }
    .heSS        { height: 20px; } /* global height styles */
    .heES        { height: 40px; }
	.heRS        { height: 80px; }
	.heS         { height: 115px; }
    .heSSR       { height: 130px; }
	.heSR        { height: 150px; }
    .heSM        { height: 180px; }
    .heM         { height: 215px; }
    .heMMM       { height: 315px; }
    .heL         { height: 415px; }
    .heXL        { height: 615px; }
	
/* --------------------------------------------------------
    Overflow
   -------------------------------------------------------- */
	.ovH { overflow: hidden; }
	.ovA { overflow: auto; }