/* CSS Document */

 @font-face
  {
   font-family: AngryBirds;
   src:url(../fonts/AngryBirds/angrybirds-regular.ttf);
  }
 
 
 @font-face
  {
   font-family: OpenSans;
   src:url(../fonts/open-sans/OpenSans-Regular.ttf);
  }
  
   @font-face
 {
   font-family: OpenSans_Light;
   src:url(../fonts/open-sans/OpenSans-Light.ttf);
 }

 @font-face
 {
   font-family: MyriadPro;
   src:url(../fonts/myriad-pro/MyriadPro-Regular.otf);
 }
 
  @font-face
 {
   font-family: GeosansLight;
   src:url(../fonts/GeosansLight/GeosansLight.ttf);
 }
 

 
   @font-face
 {
   font-family: Roboto_Light;
   src:url(../fonts/Roboto/Roboto-Light.ttf);
 }
 
    @font-face
 {
   font-family: Roboto_Thin;
   src:url(../fonts/Roboto/Roboto-Thin.ttf);
 }
 
     @font-face
 {
   font-family: Roboto_Medium;
   src:url(../fonts/Roboto/Roboto-Medium.ttf);
 }
 
 
 
 

.hidden{opacity:0; visibility:hidden; z-index:-100;}

/*_________________  CENTRE OF EXCELLENCE COM CLASSES ___________________   */

a{color:#EE7256 !important;}
a:hover{cursor:pointer; text-decoration:underline;}
white_Space{position:relative; margin-right:1px; display:block; float:left; width:8px; height:8px; background-color2:rgba(191,97,99,1.00);}


.colour_Green{color:#C1C771; !important;}
.colour_Orange{color:#EE7256; !important;}
.colour_Blue{color:#84d5f7; !important;}
.colour_Red{color:RED; !important;}
.colour_DeepGrey{color:rgba(93,93,93,1.00); !important;}
.colour_MediumGray{color:rgba(105,105,105,1.00); !important;}


.lineHeight{line-height:1.35em;}

.fill_width{width:100%;}
.fill_width_Form{width:410px !important;}
.label_Form{font-size:.8em; color:rgba(55,55,5,1.00);}
.label_Radio_Text{font-size:.6em; color:rgba(55,55,55,1.00); line-height:1.6em;}




#PopUpBox_Layer{position:Fixed; top:0; left:0; width:100%; height:100%; z-index:100; opacity:0; visibility:hidden;}
#PopUpBox_BG{position:Fixed; width:100%; height:100%; background:rgba(1,1,1,1.00); opacity:.7;}
#PopUpBox_Box{position:relative; margin:auto; margin-top:-800px; width:800px; min-height:10px; background:White; z-index:101;}
#PopUpBox_Box_Top{position:relative; width:100%; height:40px; border-bottom:solid thin rgba(220,220,220,1.00);}
#PopUpBox_Box_Top > #PopUpBox_Title{position:relative; margin-left:10px; padding:13px; font-size:.9em; color:rgba(110,110,110,1.00)}
#PopUpBox_Box_Bottom{position:relative; margin-top:20px; width:100%; height:45px; border-top:solid thin rgba(180,180,180,1.00);}
 .PopUpBox_Close{position:relative; margin-top:10px; margin-right:18px; padding-top:4px; width:60px; height:19px; border:solid thin rgba(220,220,220,1.00); color:rgba(163,163,163,1.00); text-align:center; font-size:.8em; display:block; float:right;}
 .PopUpBox_Close:hover{cursor:pointer; color:white; background:rgba(150,150,150,1.00);}
 
#PopUpBox_Box_Content{position:relative; padding-left:25px; padding-right:25px; margin:auto; margin-top:16px; margin-bottom:16px; min-width:660px; background2:rgba(0,163,243,1.00);}
#PopUpBox_Box_Content_PlaceHolder{}

  
/*_________________  COMMON CLASSES ___________________   */

.Rotate_1
{
transform:rotate(-90deg);
-ms-transform:rotate(-90deg); /* IE 9 */
-moz-transform:rotate(-90deg); /* Firefox */
-webkit-transform:rotate(-90deg); /* Safari and Chrome */
-o-transform:rotate(-90deg); /* Opera */

margin-top:60px;
margin-left:-100px;

}

.Anti_Rotate_1
{
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* IE 9 */
-moz-transform:rotate(45deg); /* Firefox */
-webkit-transform:rotate(45deg); /* Safari and Chrome */
-o-transform:rotate(45deg); /* Opera */
}

.Rotate_UpsideDown
{
transform:rotate(-360deg);
-ms-transform:rotate(-360deg); /* IE 9 */
-moz-transform:rotate(-360deg); /* Firefox */
-webkit-transform:rotate(-360deg); /* Safari and Chrome */
-o-transform:rotate(-360deg); /* Opera */
}



.Pointer{cursor:pointer;}


.Shadow_0
{
box-shadow: 1px 1px 8px #848484;
}

.Shadow_1
{
box-shadow: 0px 0px 10px #848484;
}

.Shadow_2
{
box-shadow: 0px 1px 3px #434343;
}

.Shadow_2_SOFT
{
box-shadow: 0px 1px 3px #8E8E8E;
}

.Shadow_3
{
box-shadow: 0px 1px 1px #585858;
}


.Shadow_3_SOFT
{
box-shadow: 0px 1px 1px #8E8E8E;
}



.Round-Edge_Circle
{
  -moz-border-radius-topleft:0px; 
  border-top-left-radius:0px; 
  border-top-right-radius:50px; 
  border-bottom-right-radius:50px; 
  border-bottom-left-radius:0px;
}

 .Round-Edge_1
{  
 /* border-radius:15px; */
-moz-border-radius-topleft:6px; /* Old Firefox */

border-top-left-radius:6px;
border-top-right-radius:6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px; 
} 

 .Round-Edge_2
{  
 /* border-radius:15px; */
-moz-border-radius-topleft:6px; /* Old Firefox */

border-top-left-radius:6px;
border-top-right-radius:6px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px; 
} 

.Round-Edge_2_Small
{  
 /* border-radius:15px; */
-moz-border-radius-topleft:5px; /* Old Firefox */

border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px; 
} 

 .Round-Edge_3
{  
 /* border-radius:15px; */
-moz-border-radius-topleft:5px; /* Old Firefox */

border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-right-radius:5px;
border-bottom-left-radius: 5px; 
} 

 .Round-Edge_Small
{  
 /* border-radius:15px; */
-moz-border-radius-topleft:4px; /* Old Firefox */

border-top-left-radius:4px;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
border-bottom-left-radius:4px; 
}

 .Round-Edge_Mini
{  
 /* border-radius:15px; */
-moz-border-radius-topleft:2px; /* Old Firefox */

border-top-left-radius:2px;
border-top-right-radius:2px;
border-bottom-right-radius:2px;
border-bottom-left-radius:2px; 
}


 .Round-Edge_4l
{  
 /* border-radius:15px; */
-moz-border-radius-topleft:4px; /* Old Firefox */

border-top-left-radius:4px;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
border-bottom-left-radius: 4px; 
} 

 .Round-Edge_4r
{  
 /* border-radius:15px; */
-moz-border-radius-topleft:4px; /* Old Firefox */

border-top-left-radius:0px;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
border-bottom-left-radius: 0px; 
}


 .Padding_14{padding-left:10px; padding-top:10px;}













 /*           ANIMATION CLASSES         */

.Animate_Opacity
{
transition:opacity .5s;
-moz-transition:opacity .5s; /* Firefox 4 */
-webkit-transition:opacity .5s; /* Safari and Chrome */
-o-transition:opacity .5s; /* Opera */
}

.Animate_Opacity_MEDIUM
{
transition:opacity 2s;
-moz-transition:opacity 2s; /* Firefox 4 */
-webkit-transition:opacity 2s; /* Safari and Chrome */
-o-transition:opacity 2s; /* Opera */
}

.Animate_Opacity_SLOW
{
transition:opacity 5s;
-moz-transition:opacity 5s; /* Firefox 4 */
-webkit-transition:opacity 5s; /* Safari and Chrome */
-o-transition:opacity 5s; /* Opera */
}

 
.Animate_width
{ 
transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */
}

.Animate_width_FAST
{ 
transition:width .3s;
-moz-transition:width .3s; /* Firefox 4 */
-webkit-transition:width .3s; /* Safari and Chrome */
-o-transition:width .3s; /* Opera */
}

.Animate_MAX_width
{ 
transition:max-width .3s;
-moz-transition:max-width .3s; /* Firefox 4 */
-webkit-transition:max-width .3s; /* Safari and Chrome */
-o-transition:max-width .3s; /* Opera */
}


.Animate_height
{
transition:height .6s;
-moz-transition:height .6s; /* Firefox 4 */
-webkit-transition:height .6s; /* Safari and Chrome */
-o-transition:height .6s; /* Opera */
}


.Animate_height-short
{
transition:height .3s;
-moz-transition:height .3s; /* Firefox 4 */
-webkit-transition:height .3s; /* Safari and Chrome */
-o-transition:height .3s; /* Opera */
}

.Animate_top
{
transition:top .3s;
-moz-transition:top .3s; /* Firefox 4 */
-webkit-transition:top .3s; /* Safari and Chrome */
-o-transition:top .3s; /* Opera */
}

.Animate_top_SLOW
{
transition:top .5s;
-moz-transition:top .5s; /* Firefox 4 */
-webkit-transition:top .5s; /* Safari and Chrome */
-o-transition:top .5s; /* Opera */
}

.Animate_bottom
{
transition:bottom .3s;
-moz-transition:bottom .3s; /* Firefox 4 */
-webkit-transition:bottom .3s; /* Safari and Chrome */
-o-transition:bottom .3s; /* Opera */
}

.Animate_left
{
transition:left .3s;
-moz-transition:left .3s; /* Firefox 4 */
-webkit-transition:left .3s; /* Safari and Chrome */
-o-transition:left .3s; /* Opera */
}


.Animate_right
{
transition:right .3s;
-moz-transition:right .3s; /* Firefox 4 */
-webkit-transition:right .3s; /* Safari and Chrome */
-o-transition:right .3s; /* Opera */
}


.Animate_MarginTop
{
transition:margin-top .4s;
-moz-transition:margin-top .4s; /* Firefox 4 */
-webkit-transition:margin-top .4s; /* Safari and Chrome */
-o-transition:margin-top .4s; /* Opera */
}
.Animate_MarginTop_SLOW
{
transition:margin-top 15s;
-moz-transition:margin-top 15s; /* Firefox 4 */
-webkit-transition:margin-top 15s; /* Safari and Chrome */
-o-transition:margin-top 15s; /* Opera */
}

.Animate_MarginLeft
{
transition:margin-left .6s;
-moz-transition:margin-left .6s; /* Firefox 4 */
-webkit-transition:margin-left .6s; /* Safari and Chrome */
-o-transition:margin-left .6s; /* Opera */
}

.Animate_MarginRight
{
transition:margin-right 1.2s;
-moz-transition:margin-right 1.2s; /* Firefox 4 */
-webkit-transition:margin-right 1.2s; /* Safari and Chrome */
-o-transition:margin-right 1.2s; /* Opera */
}

.Animate_Padding-left
{
transition:padding-left .3s;
-moz-transition:padding-left .3s; /* Firefox 4 */
-webkit-transition:padding-left .3s; /* Safari and Chrome */
-o-transition:padding-left .3s; /* Opera */
}


.Animate_Background-color
{
transition:background-color .8s;
-moz-transition:background-color .8s; /* Firefox 4 */
-webkit-transition:background-color .8s; /* Safari and Chrome */
-o-transition:background-color .8s; /* Opera */
}

.Animate_Background-image
{
transition:background-image .8s;
-moz-transition:background-image .8s; /* Firefox 4 */
-webkit-transition:background-image .8s; /* Safari and Chrome */
-o-transition:background-image .8s; /* Opera */
}

.Animate_Rotation
{
transition:rotate .8s;
-moz-transition:rotate .8s; /* Firefox 4 */
-webkit-transition:rotate .8s; /* Safari and Chrome */
-o-transition:rotate .8s; /* Opera */
}


