/* 10-Agu-2010
 */

/*
  =======================================
		1. Module Container
		2. Module Header
		3. Module Body
  =======================================
*/
/* 1. Module Container ---------------- */
.ModuleContainer{
	width:100%;
	position:relative;
	border-top: 1px dotted #CCC;
	padding-top:20px;
	margin-top:3px;
}
.content_panel > .ModuleContainer:first-child {
	border-top:none;
	padding-top:0;
	margin-top:0;

}
/* 2. Module Header ---------------- */
.ModuleContainer .hedModule{
	background: url(../images/centers_logo.png) 0 0 no-repeat;
	color:#CA2631;
	position:relative;
	padding-bottom:10px;
}
.ModuleContainer .hedModule h1{
	font:bold 2.2em/29px "B Nazanin", "B Yagut", nazanin, "Times New Roman", Times, serif;
	letter-spacing: normal;
	position:relative;		
}
.ModuleContainer .hedModule h4{
	font: normal 11px/15px Tahoma, Geneva, sans-serif;
	border-bottom: 1px solid;
	display:block;
}
/* 3. Module Body ---------------- */
.ModuleContainer .bdyModule{ width:100%; position:relative;}
.ModuleContainer .bdyModule p{ padding: 0 0 10px;}

/* 4. colors ------------------------*/
/* red */
.c_red .ModuleContainer .hedModule { color:#B32726; }
.c_red .ModuleContainer:first-child .hedModule { background-position: 0 -100px; padding-bottom:0; }
.c_red .ModuleContainer:first-child .hedModule h4 {border-bottom: none}
.c_red .ModuleContainer:first-child .hedModule h4:after{content:"تاسیس: 1369";}

/** red: accordion: Interaction states**/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus { color:#B32726; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {color:#B32726; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover { background-color:#B32726; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active { background-color:#B32726;  }

.ui-widget-content { background-image: }

.ui-state-default .ui-icon { background-color:#B32726; }

/* blue */
.c_blue .ModuleContainer .hedModule, .c_blue h3 { color:#4292BD;}
.c_blue .ModuleContainer:first-child .hedModule { background-position: 0 -200px; padding-bottom:0;}
.c_blue .ModuleContainer:first-child .hedModule h4 {border-bottom: none}
.c_blue .ModuleContainer:first-child .hedModule h4:after{ content:"تاسیس: 1385";}
/** link **/
.c_blue #main a, .c_blue #main a:link, .c_blue #main a:visited {	text-decoration:underline;	color:#4292BD;}
.c_blue #main a:hover, .c_blue #main a:active {	text-decoration:none; color:#39C; }
/** blue: accordion: Iinteraction states**/
.c_blue .ui-state-default, .c_blue .ui-widget-content .ui-state-default, .c_blue .ui-widget-header .ui-state-default, .c_blue .ui-state-default a, .c_blue .ui-state-default a:link, .c_blue .ui-state-default a:visited, .c_blue .ui-state-focus, .c_blue .ui-widget-content .ui-state-focus, .c_blue .ui-widget-header .ui-state-focus { color:#4292BD; }
.c_blue .ui-state-hover, .c_blue .ui-widget-content .ui-state-hover, .c_blue .ui-widget-header .ui-state-hover, .c_blue .ui-state-active, .c_blue .ui-widget-content .ui-state-active, .c_blue .ui-widget-header .ui-state-active, .c_blue .ui-state-default .ui-icon { background-color:#4292BD; }
.c_blue .ui-widget-content { background-image:; }

/* green */
.c_green .ModuleContainer .hedModule, .c_green h3 { color:#23A97A; }
.c_green .ModuleContainer:first-child .hedModule { background-position: 0 -300px; padding-bottom:0;}
.c_green .ModuleContainer:first-child .hedModule h4 {border-bottom: none}
.c_green .ModuleContainer:first-child .hedModule h4:after{ content:"تاسیس: 1387";}
/** link **/
.c_green #main a, .c_green #main a:link, .c_green #main a:visited {	text-decoration:underline;	color:#23A97A;}
.c_green #main a:hover, .c_green #main a:active {	text-decoration:none; color:#0F0; }
/** green: accordion: Iinteraction states**/
.c_green .ui-state-default, .c_green .ui-widget-content .ui-state-default, .c_green .ui-widget-header .ui-state-default, .c_green .ui-state-default a, .c_green .ui-state-default a:link, .c_green .ui-state-default a:visited, .c_green .ui-state-focus, .c_green .ui-widget-content .ui-state-focus, .c_green .ui-widget-header .ui-state-focus { color:#23A97A; }
.c_green .ui-state-hover, .c_green .ui-widget-content .ui-state-hover, .c_green .ui-widget-header .ui-state-hover, .c_green .ui-state-active, .c_green .ui-widget-content .ui-state-active, .c_green .ui-widget-header .ui-state-active, .c_green .ui-state-default .ui-icon { background-color:#23A97A; }
.c_green .ui-widget-content { background-image:; }


/* yellow */
.c_yellow .ModuleContainer .hedModule, .c_yellow h3 {	color:#FFA600;}
.c_yellow .ModuleContainer:first-child .hedModule {	background-position: 0 -400px; padding-bottom:0;}
.c_yellow .ModuleContainer:first-child .hedModule h4:after{	content:"تاسیس: 1386";}
.c_yellow .ModuleContainer .hedModule h4{ color:#FC0; border-bottom:none}
/** link **/
.c_yellow #main a, .c_yellow #main a:link, .c_yellow #main a:visited {	text-decoration:underline;	color:#F90;}
.c_yellow #main a:hover, .c_yellow #main a:active {	text-decoration:none; color:#FFA600; }
/** yellow: accordion: Iinteraction states**/
.c_yellow .ui-state-default, .c_yellow .ui-widget-content .ui-state-default, .c_yellow .ui-widget-header .ui-state-default, .c_yellow .ui-state-default a, .c_yellow .ui-state-default a:link, .c_yellow .ui-state-default a:visited, .c_yellow .ui-state-focus, .c_yellow .ui-widget-content .ui-state-focus, .c_yellow .ui-widget-header .ui-state-focus { color:#FC0; }
.c_yellow .ui-state-hover, .c_yellow .ui-widget-content .ui-state-hover, .c_yellow .ui-widget-header .ui-state-hover, .c_yellow .ui-state-active, .c_yellow .ui-widget-content .ui-state-active, .c_yellow .ui-widget-header .ui-state-active, .c_yellow .ui-state-default .ui-icon { background-color:#FC0; }
.c_yellow .ui-widget-content { background-image:; }

/* gray */
.c_gray .ModuleContainer .hedModule, .c_gray h3 { color:#837E7C;}
.c_gray .ModuleContainer:first-child .hedModule { background-position: 0 0; padding-bottom:0;}
.c_gray .ModuleContainer:first-child .hedModule h4 {border-bottom: none}
.c_gray .ModuleContainer:first-child .hedModule h4:after{ content:"تاسیس: 1382";}
/** gray: accordion: Iinteraction states**/
.c_gray .ui-state-default, .c_gray .ui-widget-content .ui-state-default, .c_gray .ui-widget-header .ui-state-default, .c_gray .ui-state-default a, .c_gray .ui-state-default a:link, .c_gray .ui-state-default a:visited, .c_gray .ui-state-focus, .c_gray .ui-widget-content .ui-state-focus, .c_gray .ui-widget-header .ui-state-focus { color:#837E7C; }
.c_gray .ui-state-hover, .c_gray .ui-widget-content .ui-state-hover, .c_gray .ui-widget-header .ui-state-hover, .c_gray .ui-state-active, .c_gray .ui-widget-content .ui-state-active, .c_gray .ui-widget-header .ui-state-active, .c_gray .ui-state-default .ui-icon { background-color:#837E7C; }
.c_gray .ui-widget-content { background-image:; }

/* red2 */
.c_red2 .ModuleContainer .hedModule, .c_red2 h3 { color:#B32726;}
.c_red2 .ModuleContainer:first-child .hedModule { background-position: 0 0; padding-bottom:0;}
.c_red2 .ModuleContainer:first-child .hedModule h4 {border-bottom: none}
.c_red2 .ModuleContainer:first-child .hedModule h4:after{ content:"تاسیس: 1386";}
/** link **/
.c_red2 #main a, .c_red2 #main a:link, .c_red2 #main a:visited {	text-decoration:underline;	color:#B32726;}
.c_red2 #main a:hover, .c_red2 #main a:active {	text-decoration:none; color:#F00; }
/** red2: accordion: Iinteraction states**/
.c_red2 .ui-state-default, .c_red2 .ui-widget-content .ui-state-default, .c_red2 .ui-widget-header .ui-state-default, .c_red2 .ui-state-default a, .c_red2 .ui-state-default a:link, .c_red2 .ui-state-default a:visited, .c_red2 .ui-state-focus, .c_red2 .ui-widget-content .ui-state-focus, .c_red2 .ui-widget-header .ui-state-focus { color:#B32726; }
.c_red2 .ui-state-hover, .c_red2 .ui-widget-content .ui-state-hover, .c_red2 .ui-widget-header .ui-state-hover, .c_red2 .ui-state-active, .c_red2 .ui-widget-content .ui-state-active, .c_red2 .ui-widget-header .ui-state-active, .c_red2 .ui-state-default .ui-icon { background-color:#B32726; }
.c_red2 .ui-widget-content { background-image:; }