/*
    Author     : khan
    Content    : Anchors, Boxes, Accordion
*/

/* ********************************************************************** */
/* ADDITIONAL STYLE CLASSES*/
/* ********************************************************************** */

/* ADDITIONAL STYLE CLASSES - anchors on colored BG*/
a.anchorOrange{text-transform: uppercase; border: 2px solid white; color:white !important; text-decoration:none !important; padding: 5px; font-size: 13px; }
a.anchorOrange:hover{background-color:white !important; color:rgb(251,190,94) !important; }
a.anchorGreen{text-transform: uppercase; border: 2px solid white; color:white !important; text-decoration:none !important; padding: 5px; font-size: 13px; }
a.anchorGreen:hover{background-color:white !important; color:rgb(136,195,120) !important; }
a.anchorRed{text-transform: uppercase; border: 2px solid white; color:white !important; text-decoration:none !important; padding: 5px; font-size: 13px; }
a.anchorRed:hover{background-color:white !important; color:rgb(237,109,132) !important; }
a.anchorBlue{text-transform: uppercase; border: 2px solid white; color:white !important; text-decoration:none !important; padding: 5px; font-size: 13px; }
a.anchorBlue:hover{background-color:white !important; color:rgb(63,192,240) !important; }
/* ADDITIONAL STYLE CLASSES - anchors on white BG*/
a.anchorGreenOnWhite{text-transform: uppercase; border: 2px solid rgb(136,195,120); color:rgb(136,195,120) !important; text-decoration:none !important; padding: 5px; font-size: 13px; }
a.anchorGreenOnWhite:hover{background-color:rgb(136,195,120) !important; color:white !important; }
a.anchorBlueOnWhite{text-transform: uppercase; border: 2px solid rgb(63,192,240); color:rgb(63,192,240) !important; text-decoration:none !important; padding: 5px; font-size: 13px; display:inline-block;}
a.anchorBlueOnWhite:hover{background-color:rgb(63,192,240) !important; color:white !important; }

 /* ********************************************************************** */
/* GENERAL BOXES */
/* ********************************************************************** */
.box-white{}
.box-white-align{background-color:white;  float: right;  margin-right: 10px;}
.box-orange{background-color:rgb(251,190,94);     }
.box-orange h3{color:white;}
.box-orange p{color:white;}
.box-orange-border{border:1px solid rgb(251,190,94);}
.box-blue{background-color:rgb(63,192,240);  }
.box-blue h3{color:white;}
.box-blue p{color:white;}
.box-blue-border{border:1px solid rgb(63,192,240);}
.box-red{background-color:rgb(237,109,132); }
.box-red h3{color:white;}
.box-red p{color:white;}
.box-red-border{border:1px solid rgb(237,109,132);}
.box-green{background-color:rgb(136,195,120);  }
.box-green h3{color:white;}
.box-green p{color:white;}
.box-green-border{border:1px solid rgb(136,195,120);}
.box-grey{background-color:#F1F1F1;}
.box-grey h3{color:white;}
.box-grey p{font-size: 12.5px;}
.box-grey-border{border:1px solid #F1F1F1;}

/* Inner padding needed for non-white box */
.inner_padding{padding:10px 0 10px 0;     margin: 10px 0 10px 0;}
.inner_padding_sidebar{padding:10px 80px 10px 0;     margin: 10px 0 10px 0;}

/* Left and right margin for boxes */
.left-right-margin{margin:0 15px;}


/* ********************************************************************** */
/* SPECIFIC BOXES */
/* ********************************************************************** */
#box1{background-color:rgb(251,190,94);  border-left: 10px solid #3D3D3D;   border-right: 10px solid #3D3D3D;}
#box2{background-color:rgb(136,195,120); border-right: 10px solid #3D3D3D;}
#box3{background-color:rgb(237,109,132); border-right: 10px solid #3D3D3D;}
#box4{background-color:rgb(63,192,240); border-right: 10px solid #3D3D3D;}

#box1_grey{    min-height: 475px;    margin-right: 10px; margin-left: 10px;background-color:rgb(251,190,94);  border: 5px solid white;background-image: url(../images/bg_img_grey_beton.png);}
#box2_grey{    min-height: 475px;    margin-right: 10px;background-color:rgb(136,195,120); border: 5px solid white;background-image: url(../images/bg_img_grey_beton.png);}
#box3_grey{    min-height: 475px;    margin-right: 10px;background-color:rgb(237,109,132); border: 5px solid white;background-image: url(../images/bg_img_grey_beton.png);}
#box4_grey{    min-height: 475px;    margin-right: 10px;background-color:rgb(63,192,240); border: 5px solid white;background-image: url(../images/bg_img_grey_beton.png);}

.special_box {padding:10px 0 10px 0;     margin: 10px 0 10px 0;height:290px;}
.special_box h3{color:white;}
.special_box p{color:white;}
.special_box img{margin-left: 10px;}

.special_box_grey {padding:10px 0 10px 0;  margin: 10px 0 10px 0;}
.special_box_grey h3{}
.special_box_grey p{}
.special_box_grey img{margin-left: 10px;}

/* ********************************************************************** */
/* Accordion Boxs, header, content div */
.box-accordion{border:1px solid rgb(220,220,220); margin-left:15px; margin-right:15px;margin-bottom: 20px;} 

.box-accordion .csc-header{background-repeat: repeat-x; cursor:pointer; background-image:url(../images/accordion_bg_grey.png); background-color:rgb(240,240,240);}
.box-accordion .csc-header:hover{}
.box-accordion .csc-header *{margin:0 3px 0 0; padding:3px 20px 3px 3px; }
.box-accordion div:nth-child(2){}

.expanded {}
.expanded .csc-header{}
.expanded .csc-header:hover{}
.expanded .csc-header *{background-image: url(../images/accordion_status_icon_expanded.png); background-position:right 3px; background-repeat: no-repeat; }
.expanded div:nth-child(2){}

.collapsed .csc-header{}
.collapsed .csc-header:hover{}
.collapsed .csc-header *{background-image: url(../images/accordion_status_icon_collapsed.png); background-position:right 3px; background-repeat: no-repeat;}
.collapsed div:nth-child(2){}