/* 
    Document   : panel.css
    Created on : 30 Mar 2011, 10:11:44 AM
    Author     : Brenton Maas
    Description:
        Purpose of the stylesheet follows.
*/


root { 
    display: block;
}

/*****************************************************
        BLACK PANEL
******************************************************/
*.blackPanelHeaderLeft {
    background-image:url('../images/panel/blackHeaderLeft.png');
}

*.blackPanelHeaderRight {
    background-image:url('../images/panel/blackHeaderRight.png');
}

*.blackPanelHeader {
    background-color:#121414;
    color:#FFF;
    font: 11px Tahoma;
    font-weight:bold;
}

*.blackPanelLeft {
    background-color:#121414;
}

*.blackPanelRight {
    background-color:#121414;
}

*.blackPanelBody {
    background-color:#121414;
    color:#FFF;
    font: 11px Tahoma;
}

*.blackPanelBottomLeft {
    background-image:url('../images/panel/blackBottomLeft.png');
}

*.blackPanelBottomRight {
    background-image:url('../images/panel/blackBottomRight.png');
}

*.blackPanelBottom {
    background-color:#121414;
}

/*****************************************************
        RED PANEL
******************************************************/
*.redPanelHeaderLeft {
    background-image:url('../images/panel/redHeaderLeft.png');
}

*.redPanelHeaderRight {
    background-image:url('../images/panel/redHeaderRight.png');
}

*.redPanelHeader {
    background-color:#b90101;
    color:#FFF;
    font: 11px Tahoma;
    font-weight:bold;
}

*.redPanelLeft {
    background-color:#b90101;
}

*.redPanelRight {
    background-color:#b90101;
}

*.redPanelBody {
    background-color:#b90101;
    color:#FFF;
    font: 11px Tahoma;
}

*.redPanelBottomLeft {
    background-image:url('../images/panel/redBottomLeft.png');
}

*.redPanelBottomRight {
    background-image:url('../images/panel/redBottomRight.png');
}

*.redPanelBottom {
    background-color:#b90101;
}

/*****************************************************
        LIGHT RED PANEL
******************************************************/
*.lightredPanelHeaderLeft {
    background-image:url('../images/panel/lightredHeaderLeft.png');
}

*.lightredPanelHeaderRight {
    background-image:url('../images/panel/lightredHeaderRight.png');
}

*.lightredPanelHeader {
    background-color:#e95353;
    color:#FFF;
    font: 11px Tahoma;
    font-weight:bold;
}

*.lightredPanelLeft {
    background-color:#e95353;
}

*.lightredPanelRight {
    background-color:#e95353;
}

*.lightredPanelBody {
    background-color:#e95353;
    color:#FFF;
    font: 11px Tahoma;
}

*.lightredPanelBottomLeft {
    background-image:url('../images/panel/lightredBottomLeft.png');
}

*.lightredPanelBottomRight {
    background-image:url('../images/panel/lightredBottomRight.png');
}

*.lightredPanelBottom {
    background-color:#e95353;
}

/*****************************************************
        BLUE PANEL
******************************************************/
*.bluePanelHeaderLeft {
    background-image:url('../images/panel/blueHeaderLeft.png');
}

*.bluePanelHeaderRight {
    background-image:url('../images/panel/blueHeaderRight.png');
}

*.bluePanelHeader {
    background-color:#008aff;
    color:#FFF;
    font: 11px Tahoma;
    font-weight:bold;
}

*.bluePanelLeft {
    background-color:#008aff;
}

*.bluePanelRight {
    background-color:#008aff;
}

*.bluePanelBody {
    background-color:#008aff;
    color:#FFF;
    font: 11px Tahoma;
}

*.bluePanelBottomLeft {
    background-image:url('../images/panel/blueBottomLeft.png');
}

*.bluePanelBottomRight {
    background-image:url('../images/panel/blueBottomRight.png');
}

*.bluePanelBottom {
    background-color:#008aff;
}

/*****************************************************
        LIGHT BLUE PANEL
******************************************************/
*.lightbluePanelHeaderLeft {
    background-image:url('../images/panel/lightblueHeaderLeft.png');
}

*.lightbluePanelHeaderRight {
    background-image:url('../images/panel/lightblueHeaderRight.png');
}

*.lightbluePanelHeader {
    background-color:#a3cbed;
    color:#008aff;
    font: 11px Tahoma;
    font-weight:bold;
}

*.lightbluePanelLeft {
    background-color:#a3cbed;
}

*.lightbluePanelRight {
    background-color:#a3cbed;
}

*.lightbluePanelBody {
    background-color:#a3cbed;
    color:#000;
    font: 11px Tahoma;
}

*.lightbluePanelBottomLeft {
    background-image:url('../images/panel/lightblueBottomLeft.png');
}

*.lightbluePanelBottomRight {
    background-image:url('../images/panel/lightblueBottomRight.png');
}

*.lightbluePanelBottom {
    background-color:#a3cbed;
}

*.lightbluePanelItemBar{
    background-color:#008aff;
}

*.lightbluePanelImage{
    border: solid 1px #008aff;
}

*.lightbluePanelOption {
    background-color:#a3cbed;
    color:#333;
    cursor:pointer;
}
/*hover effects*/
*.lightbluePanelOption:hover {
    background-color:#7badd7;
}

*.lightbluePanelOption:hover  .lightblueImageEdgeTopLeft {
    background-image:url('../images/image_holder/lightblueHoverImageEdgeTopLeft.png');
}

*.lightbluePanelOption:hover  .lightblueImageEdgeTopRight {
    background-image:url('../images/image_holder/lightblueHoverImageEdgeTopRight.png');
}

*.lightbluePanelOption:hover  .lightblueImageEdgeBottomLeft {
    background-image:url('../images/image_holder/lightblueHoverImageEdgeBottomLeft.png');
}

*.lightbluePanelOption:hover  .lightblueImageEdgeBottomRight {
    background-image:url('../images/image_holder/lightblueHoverImageEdgeBottomRight.png');
}


/*Image Edges*/
*.lightblueImageEdgeTopLeft {
    background-image:url('../images/image_holder/lightblueImageEdgeTopLeft.png');
}

*.lightblueImageEdgeTopRight {
    background-image:url('../images/image_holder/lightblueImageEdgeTopRight.png');
}

*.lightblueImageEdgeTop {
    background-image:url('../images/image_holder/lightblueImageEdgeTop.png');
}

*.lightblueImageEdgeLeft {
    background-image:url('../images/image_holder/lightblueImageEdgeLeft.png');
}

*.lightblueImageEdgeRight {
    background-image:url('../images/image_holder/lightblueImageEdgeRight.png');
}

*.lightblueImageEdgeBottomLeft {
    background-image:url('../images/image_holder/lightblueImageEdgeBottomLeft.png');
}

*.lightblueImageEdgeBottomRight {
    background-image:url('../images/image_holder/lightblueImageEdgeBottomRight.png');
}

*.lightblueImageEdgeBottom {
    background-image:url('../images/image_holder/lightblueImageEdgeBottom.png');
}

/*****************************************************
        GREY PANEL
******************************************************/
*.greyPanelHeaderLeft {
    background-image:url('../images/panel/greyHeaderLeft.png');
}

*.greyPanelHeaderRight {
    background-image:url('../images/panel/greyHeaderRight.png');
}

*.greyPanelHeader {
    background-color:#bfb9aa;
    color:#333;
    font: 11px Tahoma;
    font-weight:bold;
}

*.greyPanelLeft {
    background-color:#bfb9aa;
}

*.greyPanelRight {
    background-color:#bfb9aa;
}

*.greyPanelBody {
    background-color:#bfb9aa;
    color:#000;
    font: 11px Tahoma;
}

*.greyPanelBottomLeft {
    background-image:url('../images/panel/greyBottomLeft.png');
}

*.greyPanelBottomRight {
    background-image:url('../images/panel/greyBottomRight.png');
}

*.greyPanelBottom {
    background-color:#bfb9aa;
}

/*****************************************************
        LIGHT GREY PANEL
******************************************************/
*.lightgreyPanelHeaderLeft {
    background-image:url('../images/panel/lightgreyHeaderLeft.png');
}

*.lightgreyPanelHeaderRight {
    background-image:url('../images/panel/lightgreyHeaderRight.png');
}

*.lightgreyPanelHeader {
    background-color:#eae3d0;
    color:#9d9788;
    font: 11px Tahoma;
    font-weight:bold;
}

*.lightgreyPanelLeft {
    background-color:#eae3d0;
}

*.lightgreyPanelRight {
    background-color:#eae3d0;
}

*.lightgreyPanelBody {
    background-color:#eae3d0;
    color:#000;
    font: 11px Tahoma;
}

*.lightgreyPanelBottomLeft {
    background-image:url('../images/panel/lightgreyBottomLeft.png');
}

*.lightgreyPanelBottomRight {
    background-image:url('../images/panel/lightgreyBottomRight.png');
}

*.lightgreyPanelBottom {
    background-color:#eae3d0;
}

*.lightgreyPanelBottomLeftClose {
    background-image:url('../images/panel/bottom_left_image_close.png');
}

*.lightgreyPanelBottomRightClose {
    background-image:url('../images/panel/bottom_right_image_close.png');
}

*.lightgreyPanelBottomClose {
    background:url('../images/panel/bottom_image_close_tiler.png') repeat-x;
}

*.lightgreyPanelItemBar{
    background-color:#bfb9aa;
}

*.lightgreyPanelImage{
    border: solid 1px #bfb9aa;
}

*.lightgreyPanelOption {
    background-color:#eae3d0;
    color:#333;
    cursor:pointer;
}

/* Pager */
*.lightgreyPanelLeftPage{
    border-right: solid 1px #bfb9aa;
    float:left;
    position: relative;
    width:49.85%;
}

*.lightgreyPanelCenterPage{
    border-right: solid 1px #bfb9aa;
    float:right;
    position: relative;
    width:49.85%;
}

*.lightgreyPanelRightPage{
    float:right;
    width:50%;
    position: relative;
}

*.lightgreyPanelLeftPageItem{
    padding-right:5px;
}

*.lightgreyPanelRightPageItem{
    padding-left:5px;
}

/*hover effects*/
*.lightgreyPanelOption:hover {
    background-color:#d5cebe;
}

*.lightgreyPanelOption:hover  .lightgreyImageEdgeTopLeft {
    background-image:url('../images/image_holder/lightgreyHoverImageEdgeTopLeft.png');
}

*.lightgreyPanelOption:hover  .lightgreyImageEdgeTopRight {
    background-image:url('../images/image_holder/lightgreyHoverImageEdgeTopRight.png');
}

*.lightgreyPanelOption:hover  .lightgreyImageEdgeBottomLeft {
    background-image:url('../images/image_holder/lightgreyHoverImageEdgeBottomLeft.png');
}

*.lightgreyPanelOption:hover  .lightgreyImageEdgeBottomRight {
    background-image:url('../images/image_holder/lightgreyHoverImageEdgeBottomRight.png');
}

/*Image Edges*/
*.lightgreyImageEdgeTopLeft {
    background-image:url('../images/image_holder/lightgreyImageEdgeTopLeft.png');
}

*.lightgreyImageEdgeTopRight {
    background-image:url('../images/image_holder/lightgreyImageEdgeTopRight.png');
}

*.lightgreyImageEdgeTop {
    background-image:url('../images/image_holder/lightgreyImageEdgeTop.png');
}

*.lightgreyImageEdgeLeft {
    background-image:url('../images/image_holder/lightgreyImageEdgeLeft.png');
}

*.lightgreyImageEdgeRight {
    background-image:url('../images/image_holder/lightgreyImageEdgeRight.png');
}

*.lightgreyImageEdgeBottomLeft {
    background-image:url('../images/image_holder/lightgreyImageEdgeBottomLeft.png');
}

*.lightgreyImageEdgeBottomRight {
    background-image:url('../images/image_holder/lightgreyImageEdgeBottomRight.png');
}

*.lightgreyImageEdgeBottom {
    background-image:url('../images/image_holder/lightgreyImageEdgeBottom.png');
}

/*****************************************************
        MEDIUM GREY PANEL
******************************************************/
*.mediumgreyPanelHeaderLeft {
    background-image:url('../images/panel/mediumgreyHeaderLeft.png');
}

*.mediumgreyPanelHeaderRight {
    background-image:url('../images/panel/mediumgreyHeaderRight.png');
}

*.mediumgreyPanelHeader {
    background-color:#cdc8bb;
    color:#9d9788;
    font: 11px Tahoma;
    font-weight:bold;
}

*.mediumgreyPanelLeft {
    background-color:#cdc8bb;
}

*.mediumgreyPanelRight {
    background-color:#cdc8bb;
}

*.mediumgreyPanelBody {
    background-color:#cdc8bb;
    color:#000;
    font: 11px Tahoma;
}

*.mediumgreyPanelBottomLeft {
    background-image:url('../images/panel/mediumgreyBottomLeft.png');
}

*.mediumgreyPanelBottomRight {
    background-image:url('../images/panel/mediumgreyBottomRight.png');
}

*.mediumgreyPanelBottom {
    background-color:#cdc8bb;
}

*.mediumgreyPanelBottomLeftClose {
    background-image:url('../images/panel/bottom_left_image_close.png');
}

*.mediumgreyPanelBottomRightClose {
    background-image:url('../images/panel/bottom_right_image_close.png');
}

*.mediumgreyPanelBottomClose {
    background:url('../images/panel/bottom_image_close_tiler.png') repeat-x;
}

*.mediumgreyPanelItemBar{
    background-color:#bfb9aa;
}

*.mediumgreyPanelImage{
    border: solid 1px #bfb9aa;
}

*.mediumgreyPanelOption {
    background-color:#cdc8bb;
    color:#333;
    cursor:pointer;
}

/* Pager */
*.mediumgreyPanelLeftPage{
    border-right: solid 1px #bfb9aa;
    float:left;
    position: relative;
    width:49.85%;
}

*.mediumgreyPanelCenterPage{
    border-right: solid 1px #bfb9aa;
    float:right;
    position: relative;
    width:49.85%;
}

*.mediumgreyPanelRightPage{
    float:right;
    width:50%;
    position: relative;
}

*.mediumgreyPanelLeftPageItem{
    padding-right:5px;
}

*.mediumgreyPanelRightPageItem{
    padding-left:5px;
}

/*hover effects*/
*.mediumgreyPanelOption:hover {
    background-color:#d5cebe;
}

*.mediumgreyPanelOption:hover  .mediumgreyImageEdgeTopLeft {
    background-image:url('../images/image_holder/lightgreyHoverImageEdgeTopLeft.png');
}

*.mediumgreyPanelOption:hover  .mediumgreyImageEdgeTopRight {
    background-image:url('../images/image_holder/lightgreyHoverImageEdgeTopRight.png');
}

*.mediumgreyPanelOption:hover  .mediumgreyImageEdgeBottomLeft {
    background-image:url('../images/image_holder/lightgreyHoverImageEdgeBottomLeft.png');
}

*.mediumgreyPanelOption:hover  .mediumgreyImageEdgeBottomRight {
    background-image:url('../images/image_holder/lightgreyHoverImageEdgeBottomRight.png');
}

/*Image Edges*/
*.mediumgreyImageEdgeTopLeft {
    background-image:url('../images/image_holder/mediumgreyImageEdgeTopLeft.png');
}

*.mediumgreyImageEdgeTopRight {
    background-image:url('../images/image_holder/mediumgreyImageEdgeTopRight.png');
}

*.mediumgreyImageEdgeTop {
    background-image:url('../images/image_holder/lightgreyImageEdgeTop.png');
}

*.mediumgreyImageEdgeLeft {
    background-image:url('../images/image_holder/lightgreyImageEdgeLeft.png');
}

*.mediumgreyImageEdgeRight {
    background-image:url('../images/image_holder/lightgreyImageEdgeRight.png');
}

*.mediumgreyImageEdgeBottomLeft {
    background-image:url('../images/image_holder/mediumgreyImageEdgeBottomLeft.png');
}

*.mediumgreyImageEdgeBottomRight {
    background-image:url('../images/image_holder/mediumgreyImageEdgeBottomRight.png');
}

*.mediumgreyImageEdgeBottom {
    background-image:url('../images/image_holder/lightgreyImageEdgeBottom.png');
}

/*****************************************************
        ORANGE PANEL
******************************************************/
*.orangePanelHeaderLeft {
    background-image:url('../images/panel/orangeHeaderLeft.png');
}

*.orangePanelHeaderRight {
    background-image:url('../images/panel/orangeHeaderRight.png');
}

*.orangePanelHeader {
    background-color:#ff9000;
    color:#FFF;
    font: 11px Tahoma;
    font-weight:bold;
}

*.orangePanelLeft {
    background-color:#ff9000;
}

*.orangePanelRight {
    background-color:#ff9000;
}

*.orangePanelBody {
    background-color:#ff9000;
    color:#000;
    font: 11px Tahoma;
}

*.orangePanelBottomLeft {
    background-image:url('../images/panel/orangeBottomLeft.png');
}

*.orangePanelBottomRight {
    background-image:url('../images/panel/orangeBottomRight.png');
}

*.orangePanelBottom {
    background-color:#ff9000;
}

/*****************************************************
        YELLOW PANEL
******************************************************/
*.yellowPanelHeaderLeft {
    background-image:url('../images/panel/yellowHeaderLeft.png');
}

*.yellowPanelHeaderRight {
    background-image:url('../images/panel/yellowHeaderRight.png');
}

*.yellowPanelHeader {
    background-color:#ffff31;
    color:#333;
    font: 11px Tahoma;
    font-weight:bold;
}

*.yellowPanelLeft {
    background-color:#ffff31;
}

*.yellowPanelRight {
    background-color:#ffff31;
}

*.yellowPanelBody {
    background-color:#ffff31;
    color:#000;
    font: 11px Tahoma;
}

*.yellowPanelBottomLeft {
    background-image:url('../images/panel/yellowBottomLeft.png');
}

*.yellowPanelBottomRight {
    background-image:url('../images/panel/yellowBottomRight.png');
}

*.yellowPanelBottom {
    background-color:#ffff31;
}

#pagerPanelLoader
{
    display: none;
    position: absolute;
    z-index: 1000;
		background-color:#fff;
		border:solid 3px #333;
		padding:5px;
		-webkit-box-shadow: 0px 0px 10px #000;
		-moz-box-shadow: 0px 0px 10px #000;
		box-shadow: 0px 0px 10px #000;
}