/*
    Document   : css
    Created on : May 13, 2014, 3:54:04 PM
    Author     : najila
    Description:
        Purpose of the stylesheet follows.
*/

root {
    display: block;
    width:auto;
}
{ margin: 0; padding: 0; }

@media (max-width:1150px) {
    /*#e5 {
       display:none;
    }*/
    div.line1 {
        background-image:url('images/red-line1.jpg');
        position:relative;
        left:0;
        width:1150px;
        overflow:hidden;
    }

    .blue_wall {
     /*   background-image:url('images/Blue_Wall.png'); */
     /*   background-repeat: no-repeat; */
     /*   background-size:cover; */
        position:absolute;
        z-index:-3;
        width:1150px;
        height:398px;
        top:0;
        left:0;
        overflow:hidden;
    }
    .c_site_map {
        position:absolute;
        z-index:-2;
        display:block;
        width:1150px;
        height:125;
        left:0;
        top:1105;
        overflow:hidden;
    }
    #cright {
        position:absolute;
        left:513;
        top:1235;
        width:300px;
        font-family:arial;
        font-size:11px;        
        overflow:hidden;
    }
}

@media (min-width:1150px)  {
    div.line1 {
        background-image:url('images/red-line1.jpg');
        position:relative;
        width:100%;
        max-width:100%;
        min-width:100%;
        overflow:hidden;
    }
    .blue_wall {
      /*  background-image:url('images/Blue_Wall.png'); */
      /*  background-repeat: no-repeat; */
      /*  background-size:cover; */
        position:absolute;
        z-index:-3;
        width:100%;
        max-width:100%;
        min-width:100%;
        height:398px;
        top:0;
        left:0;
        overflow:hidden;
    }
    .c_site_map {
        position:absolute;
        z-index:-2;
        display:block;
        width:100%;
        max-width:100%;
        min-width:100%;
        height:125;
        left:0;
        overflow:hidden;
    }
    #cright {
        position:absolute;
        left:513;
        font-family:arial;
        font-size:11px;
        width:300px;
        max-width:300px;
        min-width:300px;
        overflow:hidden;
    }
}

/* @media (min-width:894px) and (max-width:1052px)  {

} */
html, body {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        max-width:100%;
        min-width:100%;
        height:100%;
        margin: 0 auto;
        padding:0;
  /*      min-width: 1050px; */
  /*  overflow:hidden; */
}

#wrapper {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow:hidden
    min-width: 1050px;
}

.wordwrap {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

#texteff1  {
filter: glow(color=#EEEE00,strength=3);
text-shadow: #EEEE00 0 0 10px, #FF0000 5px 5px 5px;
}

button,
input[type=submit],
input[type=reset]{cursor:pointer;}


.gradient{
    /* For any browser that can't create a gradient  */
    background-color: #EFEFEF;
    /*//mozilla*/
    background: -moz-linear-gradient(top, #efefef, #FFF);
    /* Chrome/Safari     */
    background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFF));
    /*IE 6/7 */ filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#EFEFEF',EndColorStr='#FFF');
    /*IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFEFEF, endColorstr=#FFF)";
}

.shadow {
-moz-box-shadow: 0 0 30px 5px #999;
-webkit-box-shadow: 0 0 30px 5px #999;
}

.shade2 {
/* shadow for Firefox */
	-moz-box-shadow: 5px 5px 8px #666666;

	/* shadow for Safari and Chrome */
	-webkit-box-shadow: 5px 5px 8px #666666;

	/* shadow for Opera */
	box-shadow: 5px 5px 5px #666666;
}

.a:link {
color:#660000;
text-decoration: none;
}

.a:visited {
color:#000033;
}

.a:hover {
color:#CC0000;
}

.a:active {
color:#CC0000;
}

.a1:link {
color:#FFFFFF;
text-decoration: none;
}

.a1:visited {
color:#000033;
}

.a1:hover {
color:#FFFFFF;
filter: glow(color=#EEEE00,strength=3);
text-shadow: #EEEE00 0 0 10px, #FF0000 5px 5px 5px;

}

.a1:active {
color:#FFFFFF;
}
.a2 {
    color:#990000;
}
.a2:link {
color:#990000;
text-decoration: none;
}

.a2:visited {
 color:#002A66;
}

.a2:hover {
color:#CC0000;
text-decoration: underline;
}

.a2:active {
color:#990000;
}

button,
input[type=submit],
input[type=reset]{cursor:pointer;}

.rndborder {
border-radius: 15px;
}



/* to top */
#lingrad1 {
/* height: 250px; */
background: -webkit-linear-gradient(#424D54, #C4D8E8); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#424D54, #C4D8E8); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#424D54,#C4D8E8); /* For Firefox 3.6 to 15 */
background: linear-gradient(#424D54, #C4D8E8); /* Standard syntax */
/*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#424D54', endColorstr='#C4D8E8');*/ /* For IE6 & IE7 */
/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#424D54', endColorstr='#C4D8E8')"; *//* for IE8 */
}

/* to right */
#lingrad12 {
  background: -webkit-linear-gradient(left, red , blue); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, red, blue); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, red, blue); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, red , blue); /* Standard syntax */
}



/* to bottom */
#lingrad4  {
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #C4D8E8 0%, #424D54 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #C4D8E8 0%, #424D54 100%);
/* Opera */
background-image: -o-linear-gradient(top, #C4D8E8 0%, #424D54 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C4D8E8), color-stop(1, #424D54));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #C4D8E8 0%, #424D54 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #C4D8E8 0%, #424D54 100%);
}

/* to bottom */
#lingrad11  {
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #C9CFD5 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #C9CFD5 100%);
/* Opera */
background-image: -o-linear-gradient(top, #FFFFFF 0%, #C9CFD5 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #C9CFD5));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #C9CFD5 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #FFFFFF 0%, #C9CFD5 100%);
}


/* to left */
#lingrad7  {
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(right, #C4D8E8 0%, #424D54 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(right, #C4D8E8 0%, #424D54 100%);
/* Opera */
background-image: -o-linear-gradient(right, #C4D8E8 0%, #424D54 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #C4D8E8), color-stop(1, #424D54));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(right, #C4D8E8 0%, #424D54 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to left, #C4D8E8 0%, #424D54 100%);
}


/* to top */
#lingrad9  {
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%,  100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #00A3EF 100%);
/* Opera */
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #00A3EF 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #00A3EF));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #00A3EF 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to top, #FFFFFF 0%, #00A3EF 100%);
}

/* to top */
#lingrad13  {
/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(bottom, #FFFFFF 20%,  100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(bottom, #FFFFFF 20%, #C9CFD5 100%);
/* Opera */
background-image: -o-linear-gradient(bottom, #FFFFFF 20%, #C9CFD5 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left bottom, left top, color-stop1, #FFFFFF), color-stop(1, #C9CFD5));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(bottom, #FFFFFF 20%, #C9CFD5 100%);
/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to top, #FFFFFF 20%, #C9CFD5 100%);
}

div.banner1 {
   width:163px;
   height:61px;
   background-image:url('images/banner3.png');
}

div.img1 {
    background-image:url('images/puzzle-piece9.png');
   /* background-size:108 108; */
    width:108;
    height:108;
}

div.img2 {
    background-image:url('images/sourceplustech.png');
   /* background-size:284 43; */
    width:284;
    height:43;
}
div.ab1 {
    background-image:url('images/ab1.jpg');
    width:289;
    height:194;
}
div.ab2 {
    background-image:url('images/ab2.jpg');
    width:289;
    height:197;
}
div.employer2 {
    background-image:url('images/em2.jpg');
    width:289;
    height:204;
    }
div.employer1 {
    background-image:url('images/em1.jpg');
    width:289;
    height:193;
}
div.candidates1 {
    background-image:url('images/js1.jpg');
    width:294;
    height:196;
}
div.candidates2 {
    background-image:url('images/js2.jpg');
    width:294;
    height:196;
}
div.c1 {
    background-image:url('images/c1.jpg');
    width:294;
    height:197;
}
div.ph_icon {
    background-image:url('images/icon_phone-37x38.png');
    width:38;
    height:38;
}

<!---------------------------------------------->
<!-- CODE FOR SLIDER -->
<!---------------------------------------------->

<!-- STYLE CONFIGURATION -->
.messagestyle{
	/* style attributes for the comments below the pictures */
	font-family:Arial;
	font-size:8pt;
	color:#aaaaaa;
	background:#455362;
	vertical-align:middle;
    width:100%;
	text-align:center;
}

.boxstyle{
	/* style attributes for the slideshow-box */
	overflow:hidden;
	/*border-style:solid;*/
	/*border-width:1px; */
	/*border-color:white;*/

	/* shadow for Firefox */
	/* -moz-box-shadow: 5px 5px 8px #AAAAAA;*/

	/* shadow for Safari and Chrome */
	/*-webkit-box-shadow: 5px 5px 8px #AAAAAA;*/

	/* shadow for Opera */
	/*box-shadow: 5px 5px 5px #AAAAAA;*/

	/* shadow for Internet Explorer */
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#AAAAAA');*/
}

/* Set the border and shadow around the slideshow */
.borderandshadowstyle {
	/* shadow for Firefox */
	/*-moz-box-shadow: 5px 5px 8px #666666;*/

	/* shadow for Safari and Chrome */
	/*-webkit-box-shadow: 5px 5px 8px #666666;*/

	/* shadow for Opera */
	/*box-shadow: 5px 5px 5px #666666;*/

	/* border for all browsers */
	border-style:solid;
	/*border-width:1px;*/
    border-width:0px;
	border-color:white;
}

/* Set the attributes of the messagebox */
.messageboxstyle {
	background-color:#373E47;
	opacity:0.8; /* Set the opacity for Firefox, Opera and Chrome (value may range from 0 - 1) */
	filter:alpha(opacity=80); /* Set the opacity for Internet Explorer (value may range from 1 - 100) */
	padding:10px;
}

/* Set the position of the messagebox */
.messagealignstyle {
	vertical-align:bottom; /* Set the vertical position (top or middle or bottom) */
	text-align:center; /* Set the gorizontal position (left or center or right) */
}

/* Set the font-attributes */
a.messagefontstyle {
	font-family:Arial;
	font-size:12pt;
	color:white;
	text-decoration:none;
}
