/* CSS Document */
 




/* STANDARD VISIBILITIES */
.hide 	 	{ visibility:hidden; }
.abs_hide 	{ display:none; }
.show 	 	{ visibility:visible; }
.abs_show 	{ display: }

/* MOUSE POINTERS */
.pointer 	{ cursor:pointer; }

/* ALIGNMENTS */
.align_m	{ vertical-align:middle;}
.align_cm { vertical-align:middle; text-align:center; } 
.align_lm { vertical-align:middle; text-align:left; } 

.relative { position:relative; }
.absolute { position:absolute; }


/* CUSTOM BORDERS 
example:
for all border -- "border_colorname_pixel" eg: border_red_2
for one side border -- "border_position_color_pixel" eg: border_t_red_2

if border is 1 pixel- then no need to specify border pixel
if border positions are more than one, then combine all initials together like border_trb_red
t: top, r:right, b:bottom, l:left (clock wise)
*/

.border_b_lightorange { border-bottom:1px solid #FCE8CE; }
.border_r_lightorange { border-right:1px solid #FCE8CE; }


.border_b_white		{ border-bottom:1px solid #FFFFFF; }
.border_b_d_white		{ border-bottom:1px dotted #FFFFFF; }

.border_trbl_grey	{ border-top:1px solid #BFBFBF; border-right:1px solid #BFBFBF; border-bottom:1px solid #BFBFBF; border-left:1px solid #BFBFBF; } 

.border_rl_grey	{  border-right:1px solid #BFBFBF;  border-left:1px solid #BFBFBF; } 


.border_tb_grey	{ border-top:1px solid #BFBFBF; border-bottom:1px solid #BFBFBF; }

.border_tb_lightgrey	{ border-top:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF; }

.border_b_red	{ border-bottom:1px solid #C02026; }
.border_r_red	{ border-right:1px solid #EFC7C9; }


.border_blue 		{ border:1px solid #55687B; }
.border_grey 		{ border:1px solid #6D6D6D; }
.border_lightgrey 	{ border:1px solid #CCCCCC; }

.border_l_grey 		{ border-left:1px solid #6D6D6D; }

.border_b_white_2	{ border-bottom:2px solid #FFFFFF; }




/* PADDINGS, MARGINES, SIZE 
format: padding: padding_position_pixel eg: padding_t_3
if all positions then dont specify position in format: eg: padding_7

format: size: type_size 
Size can be in pixel or percentage
eg: width_10, width_80%
*/



.padding_3	{ padding:3px; }
.padding_7 		{ padding:7px; }
.padding_10 	{ padding:10px; }
.padding_15		{ padding:15px; }
.padding_20		{ padding:20px;}
.padding_30		{ padding:30px; }

.padding_r_5	{ padding-right:5px;}
.padding_r_10 	{ padding-right:10px; }
.padding_r_12	{ padding-right:12px;}
.padding_r_15 	{ padding-right:15px; }
.padding_r_20 { padding-right:20px; }
.padding_r_30 	{ padding-right:30px;}
.padding_r_29	{ padding-right:29px; }


.padding_l_5	{ padding-left:5px;}
.padding_l_10 	{ padding-left:10px; }
.padding_l_15 	{ padding-left:15px; }
.padding_l_20	{ padding-left:20px; }
.padding_l_12	{ padding-left:12px;}
.padding_l_30	{ padding-left:30px; }
.padding_l_50	{ padding-left:50px; }

.padding_t_3	{ padding-top:3px; }
.padding_t_10	{ padding-top:10px; }
.padding_t_20	{ padding-top:20px; }
.padding_t_25	{ padding-top:25px; }
.padding_t_30	{ padding-top:30px; }
.padding_t_45	{ padding-top:45px;	}
.padding_t_50	{ padding-top:50px;	}
.padding_t_180	{ padding-top:180px;}



.padding_b_3	{ padding-bottom:3px; }
.padding_b_10	{ padding-bottom:10px; }

.padding_rl_5	{ padding-left:5px; padding-right:5px; }
.padding_rl_20	{ padding-right:20px; padding-left:20px; }

.padding_rl_30	{ padding-right:30px; padding-left:30px; }

.padding_rl_15	{ padding-right:15px; padding-left:15px; }


.width_100% 	{ width:100%; }
.height_100% 	{ height:100%; }
.line_10		{ line-height:10px; }

/* BACKGROUNDS 
format: color_bg
*/
.no_bg    {  background:none; }
.grey_bg  {  background:#666666; }
.lightgrey_bg  {  background:#EFEFEF; }
.blue_bg	{ background:#1A2854; }


/* .blue_bg	{ background:#00558A; } */

.white_bg {  background:#FFFFFF; }
.black_bg {  background:#000000; }
.brown_bg  {  background:#A36F05; }
.yellow_bg  {  background:#FEC40E; }


/*.popup
{
width:300px;
height:200px;
vertical-align:middle;
text-align:center;
border:1px solid #D89603;
background: url(../images/bg01.png) repeat;
}
*/


.pagination
{
font:11px bold Arial, Helvetica, sans-serif;
color:#F08E0C;
width:14px;
text-align:center;
border:1px solid #F08E0C;
}
.pagination a:link 	  { color:#F08E0C; } 
.pagination a:active  { color:#F08E0C; } 
.pagination a:visited { color:#F08E0C; }  
.pagination a:hover   { color:#F08E0C; }

.pagination_active
{
font:11px bold Arial, Helvetica, sans-serif;
color:#FFFFFF;
width:14px;
text-align:center;
background-color:#F08E0C;
}
.pagination_active a:link 	 { color:#FFFFFF; } 
.pagination_active a:active  { color:#FFFFFF; } 
.pagination_active a:visited { color:#FFFFFF; }  
.pagination_active a:hover   { color:#FFFFFF; }




