﻿html, body
{
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial;
    font-size: 0.9em;
}

.img
{
    padding: 0;
    margin: 0;
}
h1
{
    font-size: 1.25em;
}

h2
{
    font-size: 1.2em;
}

h3
{
    font-size: 1.15em;
}

h4
{
    font-size: 1.0em;
}

h5
{
    font-size: 0.9em;
}

a
{
    text-decoration: none;
}

.purpleLink
{
    color: #6a2c91;
    font-weight: bold;
}

a:hover
{
}
a:visited
{
}

body
{
    background-image: url("/images/background.jpg");
    background-repeat: repeat-x;
    background-color: #4f5052;
}

p
{
    font-family: Verdana;
    font-size: 12px;
    color: #484b53;
    padding: 0px;
    margin: 0px;
}

#container
{
    margin: 0 auto 0 auto;
    padding: 0;
    width: 1000px;
}

#headerContainer
{
    margin: 0 auto 0 auto;
    width: 1100px;
    height: 135px;
    background-image: url("/images/colour_blocks.jpg");
    background-position: top right;
    background-repeat: no-repeat;
}

#header
{
    margin: 0 auto 0 0;
    padding: 5px 0 0 0;
    width: 1000px;
    height: 130px;
}

#adminheader
{
    margin: 0 auto 0 0;
    padding: 5px 0 0 0;
    width: 1000px;
    height: 100px;
}

#contentContainer
{
    padding: 0;
    margin: 0 auto 0 auto;
    width: 1000px;
    min-height: 800px;
    background-color: #fff;
}
.pageContents
{
    min-height: 850px;
    max-height: 850px;
}

#footerContainer
{
    width: 1000px;
    margin: 0 auto 0 auto;
}

#footerNav
{
    padding: 10px 20px 10px 20px;
    margin: 0 auto 0 auto;
    width: 960px;
    height: 200px;
    background-color: #000;
    color: #989898;
}

#footerNav div
{
    margin: 0 auto 0 80px; /*background-color: green;*/
    width: 880px;
}

#footerNav div div
{
    /*background-color: Red;*/
    float: left;
    width: 199px;
    margin-left: 10px;
    margin-right: 10px;
    height: 180px;
}

.purple_Border_Right
{
    border-right: solid 1px #371142;
}

.purpleText
{
    color: #371142;
}

.bold
{
    font-weight: bold;
}

.greyText
{
    color: #8c8c8c;
}

#footer
{
    font-size: 0.66em;
    margin-top: 10px;
    margin-bottom: 15px;
    color: #989898;
}

#ie6MinHeightFix
{
    width: 1px;
    margin: 0;
    padding: 0;
    height: 400px;
}

.navBarContainer
{
    margin: 0;
    padding: 0;
    width: 699px;
    height: 49px;
    text-align: left;
}


#navBar
{
    width: 699px;
    height: 49px;
    background-image: url("/images/menusprite.png");
    background-repeat: no-repeat;
    position: relative;
    margin: 0;
    padding: 0;
}

#navBar li
{
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}

#navBar li a
{
    float: left;
    margin: 0;
    padding: 0;
    display: block;
    height: 0px;
    padding-top: 49px;
    background: url("/images/menusprite.png");
    background-repeat: no-repeat;
    overflow: hidden;
}

li#nav_home a
{
    left: 0;
    width: 123px;
    background-position: 0 0;
}
li#nav_about a
{
    left: 0;
    width: 67px;
    background-position: -123px 0;
}
li#nav_services a
{
    left: 0;
    width: 85px;
    background-position: -190px 0;
}
li#nav_blog a
{
    left: 0;
    width: 58px;
    background-position: -275px 0;
}
li#nav_faq a
{
    left: 0;
    width: 57px;
    background-position: -333px 0;
}
li#nav_support a
{
    left: 0;
    width: 81px;
    background-position: -390px 0;
}
li#nav_contact a
{
    left: 0;
    width: 79px;
    background-position: -471px 0;
}
li#nav_vms a
{
    left: 0;
    width: 149px;
    background-position: -550px 0;
}


li#nav_home a:hover
{
    left: 0;
    width: 123px;
    background-position: 0 -51px;
}
li#nav_about a:hover
{
    left: 0;
    width: 67px;
    background-position: -123px -51px;
}
li#nav_services a:hover
{
    left: 0;
    width: 85px;
    background-position: -190px -102px;
}
li#nav_blog a:hover
{
    left: 0;
    width: 58px;
    background-position: -275px -51px;
}
li#nav_faq a:hover
{
    left: 0;
    width: 57px;
    background-position: -333px -102px;
}
li#nav_support a:hover
{
    left: 0;
    width: 81px;
    background-position: -390px -102px;
}
li#nav_contact a:hover
{
    left: 0;
    width: 79px;
    background-position: -471px -51px;
}
li#nav_vms a:hover
{
    left: 0;
    width: 149px;
    background-position: -550px -51px;
}

.siteadminNavBarContainer
{
    margin: 0;
    padding: 0;
    width: 736px;
    height: 36px;
    text-align: left;
    background-image: url("/images/siteadminmenubackground.png");
    background-repeat: no-repeat;
    position: relative;
}

#siteadminNavBar
{
    width: 736px;
    height: 36px;
    background-image: url("/images/siteadminmenubackground.png");
    background-repeat: no-repeat;
    position: relative;
    margin: 0;
    padding: 0;
}

#siteadminNavBar li
{
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}

#siteadminNavBar li a
{
    float: left;
    margin: 0;
    padding: 0;
    display: block;
    height: 0px;
    padding-top: 36px;
    background: url("/images/siteadminmenubackground.png");
    background-repeat: no-repeat;
    overflow: hidden;
}

li#siteadmin_navhome a
{
    left: 0;
    width: 121px;
    background-position: 0 0;
}


li#siteadmin_accounts a
{
    left: 0;
    width: 141px;
    background-position: -121px 0;
}


li#siteadmin_navhome a:hover
{
    left: 0;
    width: 121px;
    background-position: 0 -36px;
}

li#siteadmin_accounts a:hover
{
    left: 0;
    width: 141px;
    background-position: -121px -36px;

}


.adminNavBarContainer
{
    margin: 0;
    padding: 0;
    width: 736px;
    height: 36px;
    text-align: left;
    background-image: url("/images/adminmenu.png");
    background-repeat: no-repeat;
    position: relative;
}

#adminNavBar
{
    width: 736px;
    height: 36px;
    background-image: url("/images/adminmenu.png");
    background-repeat: no-repeat;
    position: relative;
    margin: 0;
    padding: 0;
}

#adminNavBar li
{
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}

#adminNavBar li a
{
    float: left;
    margin: 0;
    padding: 0;
    display: block;
    height: 0px;
    padding-top: 36px;
    background: url("/images/adminmenu.png");
    background-repeat: no-repeat;
    overflow: hidden;
}

li#admin_navhome a
{
    left: 0;
    width: 121px;
    background-position: 0 0;
}


li#admin_mediamanager a
{
    left: 0;
    width: 141px;
    background-position: -121px 0;
}

li#admin_players a
{
    left: 0;
    width: 112px;
    background-position: -262px 0;
}

li#admin_preview a
{
    left: 0;
    width: 126px;
    background-position: -374px 0;
}

li#admin_reports a
{
    left: 0;
    width: 122px;
    background-position: -500px 0;
}

li#admin_account a
{
    left: 0;
    width: 114px;
    background-position: -614px 0;
}


li#admin_navhome a:hover
{
    left: 0;
    width: 121px;
    background-position: 0 -36px;
}

.adminHomeHoverClass
{
    left: 0;
    width: 121px;
    background-position: 0 -36px;
}


li#admin_mediamanager a:hover
{
    left: 0;
    width: 141px;
    background-position: -121px -36px;
}

li#admin_players a:hover
{
    left: 0;
    width: 112px;
    background-position: -262px -36px;
}

li#admin_preview a:hover
{
    left: 0;
    width: 126px;
    background-position: -374px -36px;
}

li#admin_reports a:hover
{
    left: 0;
    width: 122px;
    background-position: -500px -36px;
}

li#admin_account a:hover
{
    left: 0;
    width: 114px;
    background-position: -614px -36px;
}



ul#navBar li:hover#nav_services a, ul#navBar li.iehover#nav_services a
{
    width: 85px;
    background-position: -190px -102px;
}


/*Hover sub menu */
ul#navBar li ul
{
}

ul#navBar li
{
    position: relative;
    padding: 0px;
    margin: 0px;
}
ul#navBar li ul
{
    position: absolute;
    top: 49px;
    left: 0;
    background-image: url("/images/subMenuBackgroundGradient.png");
    background-repeat: repeat-x;
    margin-left: -999em;
    height: 212px;
    width: 178px !important;
    padding: 0px;
}
ul#navBar li ul li
{
    height: auto;
    clear: left;
    width: 178px !important;
}
ul#navBar li ul li a
{
    background-image: none;
    height: auto;
    width: 150px !important;
    padding: 5px;
    color: White;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
}
ul#navBar li:hover ul
{
    margin-left: 0;
}
ul#navBar li ul li a:hover
{
    height: auto;
    width: 150px !important;
    padding: 5px;
    color: #fd7b07;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
}



ul#navBar li:hover ul, ul#navigation li.iehover ul
{
    margin-left: 0;
}

/** Support for the "iehover-fix.js" **/
#navigation iframe
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}
/** end **/
/*


/*end hover sub menu */

.text-align-right
{
    text-align: right;
}

.text-align-centre
{
    text-align: center;
}

.text-align-left
{
    text-align: left;
}



.fullWidth
{
    width: 1000px;
}


.blackText
{
    color: #000;
}

.quarterColumn
{
    width: 250px;
    margin: 0;
    padding: 0;
}

.halfColumn
{
    width: 500px;
    margin: 0;
    padding: 0;
}

.fullColumn
{
    width: 1000px;
    margin: 0;
    padding: 0;
}

.margin_left_10
{
    margin-left: 10px;
}

.margin_left_15
{
    margin-left: 15px;
}

.margin_left_5
{
    margin-left: 5px;
}
.margin_right_20
{
    margin-right: 20px;
}

.margin_left_20
{
    margin-left: 20px;
}
.margin_right_5
{
    margin-right: 5px;
}

.margin_right_10
{
    margin-right: 10px;
}
.margin_right_15
{
    margin-right: 15px;
}

.margin_bottom_15
{
    margin-bottom: 15px;
}

.roundedBoxHalfWidth
{
    width: 475px;
    background-color: #ceced0;
    padding: 5px;
    margin-bottom: 10px;
}

.roundedBoxQuarterWidth
{
    width: 226px;
    background-color: #ceced0;
    padding: 5px;
    margin-bottom: 10px;
}
.roundedBoxFullWidth
{
    width: 970px;
    background-color: #ceced0;
    padding: 5px;
    margin-bottom: 10px;
}


.floatLeft
{
    float: left;
}

.floatRight
{
    float: Right;
}



/*social bookmark styles */

/*styles for social bookmark stuff*/

div.sociable
{
    margin: 38px 0 0 0;
    padding: 0px;
}

span.sociable_tagline
{
    position: relative;
}
span.sociable_tagline span
{
    display: none;
    width: 14em;
}
span.sociable_tagline:hover span
{
    position: absolute;
    display: block;
    top: -5em;
    background: #ffe;
    border: 1px solid #ccc;
    color: black;
    line-height: 1.25em;
}
.sociable span
{
    display: block;
}
.sociable ul
{
    display: inline;
    margin: 0 !important;
    padding: 0 !important;
}
.sociable ul li
{
    background: none;
    display: inline;
    list-style-type: none;
    margin: 2px;
    padding: 1px;
}
.sociable ul li:before
{
    content: "";
}
.sociable img
{
    float: none;
    width: 16px;
    height: 16px;
    border: 0;
    margin: 0;
    padding: 0;
}

.paddingTop0
{
    padding-top: 0px;
}

.whiteSpaceCorrecter
{
    display: block;
}

.purpleBox
{
    width: 938px;
    height: auto;
    border: solid 1px #620981;
    margin: 10px;
    padding: 10px;
}

.purpleBoxFilled
{
    background-color: #af95bf;
    height: auto;
    border: solid 1px #620981;
    margin: 10px;
    padding: 10px;
}

.textbox250
{
    width: 250px;
    border: solid 1px #620981;
}

.dropDownList250
{
    width: 255px;
}


.adminHeaderBox
{
    background-color: #e4e6e5;
    height: 118px;
    width: 958px;
    padding: 21px 21px 0 21px;
}
.adminSubHeaderBox
{
    background-color: #e4e6e5;
    height: 35px;
    width: 958px;
    padding: 0px 22px 0px 21px;
}

.adminSubHeaderBox a
{
    color: #d15c0e;
}

.actions
{
    background-color: #e4e6e5;
    height: 75px;
    width: 954px;
    margin-top: 15px;
}

.actionsNoHeight
{
    background-color: #e4e6e5;
    width: 954px;
    margin-top: 15px;
}


.actionsSmallBorder
{
    border: solid 1px #ceced0;
    background-color: #fdffe6;
    height: 15px;
    width: 952px;
    margin-top: 15px;
}

.infoBox
{
    width: 954px;
    margin: 10px auto 10px auto;
    border: solid 1px #ceced0;
    background-color: #fdffe6;

}


.arial30Px
{
    font-family: Arial;
    font-size: 30px;
}

.arial14Px
{
    font-family: Arial;
    font-size: 14px;
}

.greyBackground
{
    background-color: #ceced0;
}

.greyBoxLeftSmall
{
    background-color: #ceced0;
    width: 455px;
    height: 30px;
    margin-top: 5px;
    padding: 7px;
}

.greyBoxRightSmall
{
    background-color: #ceced0;
    width: 447px;
    height: 80px;
    margin-left: 15px;
    padding: 10px;
}

.greySubMenu
{
    background-color: #ceced0;
    width: 954px;
    height: 28px;
    margin-top: 0px;
}




.blackLargeBoldText
{
    font-family: Arial;
    font-size: 24px;
    font-weight: bold;
    color: Black;
}

div.progress-container {
  border: 1px solid #ccc; 
  width: 150px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  float: left; 
  background: white;
}

div.progress-container > div {

  background-image: url('/images/usageBarBackground.png');
  background-repeat:  no-repeat;
  height: 12px
}


